Is it possible to render empty <div style=“width:50%”> </div> with CSS in xHTML strict 1.0 without setting width and height in pixels?

Question

Is it possible to render empty <div style="width:50%"> </div> with CSS in xHTML strict 1.0 without setting width and height in absolute values and not adding   inside? Targets are IE7-8, FF 3.x

Can I somehow render empty div if I want it to get 50% width and variable height?

Answer 1

Add some padding to the DIV so that even if there is absolutely nothing between the opening and the closing tags, you still see something.

<div style="width:50%; padding:10px;"></div>

Answer 2

I'd personally go for <div style="min-height:1px;width:50%"></div>. That way any non empty divs will not get unwanted padding as in the other answer.

Obviously, in a separate CSS file it would be div { min-height:1px; width:50% }

Answer 3

Or give it one non-breaking space (&nbsp;)

Answer 4

My Experience:

In addition to what user 'random' answered, i need to add space (&nbsp;) to make it work Hope this helps!

    <div style="width:50%; padding:10px;">&nbsp;</div>