CSS - Div must match content and line break

Question

Is there a way to make a div element match its contents AND break the line so that the next element is under that div?

I tried setting the display property to inline-block , but then the div no longer breaks the line ... By default, it breaks the line, but does not match its contents.

Hope someone can help me.

Thanks!

Answer 1

If you are trying to do this without an extra div, I don't think there is a way. Here as with two divs:

 <div> <div style="background-color: #FF0000; display: inline">Test</div> </div> 

Answer 2

Something like this buddy?

http://jsfiddle.net/A6n2h/2/

I used this CSS code:

 .container div *{float:left; display:inline-block; clear:both;} 

There were also a few errors in your HTML code.