You will have to learn positioning. You can position in CSS by using the position, float en just normal elements positioned with just margins or something. It's not something you can just learn or explain in a post. You will have to sit down and take an afternoon to understand some css positioning. :)
__________________ Nunchaku! Who doesn't like martial arts? =)
Most people will tell you to float both the <div>'s left, and make them 50% width.
Ignore those people. (no offense)
That will give you hours of fun if you don't set margins and padding to 0, and even then, the content is all smushed. Set the left div to float:left, and the right div to float:right. Also, just for kicks, set the width of each to 45%.
Next, don't use two classes, because IE6 loves interpreting two classes the right way.
Also, like Folio said, clear the item directly below the floated <div>s. When you float something, you take it out of the order of the page, like lifting a puzzle peice out of a puzzle. When you add something to the page, it will go below the puzzle peices that you just lifted out, unless you make it clear the puzzle peices. Use clear:both to do so, like Folio said.
As for the nature of your question... Why didn't you just read the source code?
Signatures are nothing but incriminating.
i find it easy, depending on the size of the Div tags. say if your building a horizontal menu system, or you you want 3-4 div blocks across your page to display modules, like you would see on a Gaming clan website.
i would agree with that... they are too unpredictable... simple styling, and minor stuff, yea, divs are ok, but i hate having to use divs only in templates.
my current projects menu, at work, is based on styled <li>'s and <a>'s. the CMS system i built for them querys mysql and creates a new <li><a></a></li> for each menu item. its pretty neat, its a classed multi-tier drop menu system. i think i have one menu item that goes 4 layers deep.
Though he hasn't stated what the divs would be needed for. either way you can still use a styled list to contain the divs, to keep them aligned. I have a template somewhere, based on a multi-tier list. it was pretty neat, i need to dig it up.
"Knowledge is power. Abuse it."~Evulness
My portfolio: www.evularts.com