Vertical align divs html

[~neo]

So I'm new to this. Very very new. And I don't how to explain this so I drew pictures.

The squares are the divs with text in it.

What it looks like:



What I want:


Basically I did this with float:left, margin:0, float:right;margin:auto, and then breaks in between. But it doesn't look like I want. This is for a userpage on a website, not my website. And the website doesn't seem to support anything but the most basic html. I've tried using I guess, fancier ways to do it and the website just didn't recognize the code. Or I did it wrong, which is entirely possible.

[Sammy12]

You would need to set up the page with a left and right side, unless you had some better experience with floating.

<div id="sidebar">
    <!-- Left Side -->
</div>
<div id="main-content">
    <!-- Right Side -->
</div>

Do you have to have it by each row? I think two columns (code above) is a much better approach?