Верстка DIV. div внутри div.
Стили CSS
<div style="background:#C00; height:100px; width:400px;">DIV1
<div style="background:#9C0; width:100px;"> DIV2</div>
<div style="background:#0F6; width:100px;"> DIV3</div>
</div>
Имеем 1 большой div, а внутри него 2 маленьких.
По умолчанию они все прижаты влево. С помощью свойста margin мы можем их двигать.
Стили CSS
<div style="background:#C00; height:100px; width:400px;">DIV1
<div style="background:#9C0; width:100px; margin-left:40px; margin-bottom:10px;
margin-top:-10px;"> DIV2</div>
<div style="background:#0F6; width:100px; margin-left:110px;"> DIV3</div>
</div>
Но если добавлять текст, то начинают съезжать div-ы.
Эти съезды легко правятся с помощью margin-top:-50px; Т.е. отступ от нижнего края текста -50 пикселей.