Na poprzedniej lekcji nasza strona nabrała trochę barw. Teraz czas zająć się ułożeniem poszczególnych elementów na stronie.

Zaczniemy od ostylowania naszych warstw [nadal uważam, że słowo "pojemnik" mówi więcej:)]. Kod HTML nie zmieni się w porównaniu z poprzednią lekcją. Jednak wygląd strony ulegnie zmianie! Niemożliwe? Zobacz:).

* { margin: 0; padding: 0; }

body { background: #fff url(img/background.png) 0 0 repeat-x; }

#wrapper { width: 1000px; margin: 10px auto; }

#menu { width: 200px; float: left; }

#content { width: 800px; float: left; background: red;}