Question

I thought a parent div automatically scales according to the content inside it.
For example I have a div as a parent inside that I have another div with just text in it. When I view it through firebug its showing the parent div stretches all the way across the browser. I thought it should only stretch to the length of the text inside the inner div. How can I make the parent scale to the inner and not the full browser width.

<div id="outter">
    <div id="inner">some empty text</div>
</div>

Answer 1

By default the div inside the other will be as large as the div containing it. So you must set the size of the div “outter” or by default it will be 100% of the document