Need to remove hidden div from the flow

JavaScript
1

I just discovered that hover doesn’t work on my mobile device. So, I’m trying to create a similar effect with JS. My problem is I can’t get my hidden div out of the flow.

I load my page like this and the hidden div disrupts all the placement around the button when it appears. What to do?

echo '<button class="button0" onclick="showDiv(this.value)" value="xyz">Item Info</button>';
echo '<div id="linkContainer2" style="display:none;">';

CSS:

#linkContainer2 {
background-color: yellow;
width: 300px;
height: 50px;
margin: 0px 0px 0px 105px;
}
2

I see it. I needed to close the div.

I also changed the position to absolute.

On to the next issue.