Question

<div id="holder">

    <div id="topleft">
    </div>

    <div id="topright">
    </div>

    <div id="main">
    </div>

</div>

I have these divs on my page and no matter what I do, topright goes underneath topleft instead of to the right of it, making a T shape of content on the page with the topleft and topright forming a header section above the main content below them.

What would cause it to keep dropping below topright?

Answer 1

divs are block elements so by default they are 100% of their container. So you have to float them and give them a width.

#topleft, #topright { float:left; width: 300px } // put in your own width