How can I make a div not larger than its contents?

Question

I have a layout similar to:

I would like for the div to only exp

Answer 1

I think using

display: inline-block;

would work, however I'm not sure about the browser compatibility.

---

Another solution would be to wrap your div in another div (if you want to maintain the block behavior):

HTML:

    

        content
    

CSS:

.yourdiv
{
    display: inline;
}