Подскажите с версткой div-ами

<div id="1"></div>
<div id="2"></div>
<div id="3"></div>
<div id="4"></div>
<div id="5"></div>
<div id="6"></div>
<div id="7"></div>

...какой вопрос - такой ответ.

<div id="1"></div>

<div id="2"></div>

<div id="3"></div>

<div id="4"></div>

<div id="5"></div>

<div id="6"></div>

<div id="7"></div>

Только я бы id на class заменил :)

да и вообще можно без id и class в вопросе об этом ни слова

Это понятно, что можно и tr, td...

В любом случае, ТС интересует как это все оформить в css :)

Как-то так.

Не забываем клирить и указывать ширину для вынутренних блоков.

Блоки в 3-м диве можно сверстать списоком и дать li {width:[x]px; float:right; margin:0 0 [x]px 0;}

li:last-child {margin:0;}. Это как удобнее.

Если у блоков фиксированная ширина, присвоить им, допустим, "float:left". Там где надо, будет перенос в следущий ряд.

sunstreet, дани мапов, спасибо за подсказки.

А можно ли стили блоков прописать прямо в html, без css файла и как это можно сделать?

<div style="margin:0;" class="verhniy-block">

	<div style="width:[X]px; float:left; margin:x x x x;" class="levyi-block">содержимое левого блока</div>

	<div style="width:[X]px; float:right; margin:x x x x;" class="pravyi-block">содержимое правого блока</div>

</div>

sunstreet, спасибо!

Можно последний вопрос? Как отделить блоки, а то у меня Div2 блок не переносится на следующую строчку, а налазиет на верхние блоки.

clear:both; для второго