Question

I’m by no means good at handling CSS and Divs.

Basically I’m looking to make something like this:

edit: I tried the clear:left; but for some reason my bottom-div is now positioned far away from the other divs. Like this:

Answer 1

CSS

.top
{
    width: %50;
    float: left;
}
.bottom
{
    clear left;
}

Markup

<div id="containter">
    <div class="top">HELLO</div>
    <div class="top">HELLO</div>
    <div class="bottom">HELLO</div>
</div>