creating a complex CSS layout

Well if the sections take up the same amount of space, it's easy enough. If you're trying to make 5 always line up with 2 no matter how long two is, that's going to be more of a problem.

Here's the easy one

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <style type="text/css"> .section {height: 100px; width: 100px; border: 1px solid black;} .column {float: left} </style> </head> <body> <div class="column"> <div class="section">1</div> <div class="section">2</div> <div class="section">3</div> </div> <div class="column"> <div class="section">4</div> <div class="section">5</div> <div class="section">6</div> </div> <div class="column"> <div class="section">7</div> <div class="section">8</div> <div class="section">9</div> </div> </body> </html>