Question

Or i have been building web pages for too long without a break or something really weird happened.

<div style="background-color:#0F0; margin:5px; height:5px;"></div>

Will result in a long bar of 5 height across the width of the parent div. This should normally not be visible since i gave the div no width.

I tried everything, messed up my whole CSS layout and nothing seemed to get rid of it. I even check some divs of me in that same project that still work like this.

So i opened a new project and just filled in that line above to make sure there wasn’t some style setting messing things up. But still there is a green bar showing.

I just want my div to be the size of the text in it.

Again, i could be seeing things but this happened all of a sudden and i’m really clueless…

Answer 1

use display:inline because a div element automatic get the display:block