Tak jak współżycie bajkowego Pawła i Gawła było burzliwe, tak problematyczne może być ustawienie dwóch wycentrowanych elementów jeden pod drugim.
Niech za przykład posłuży poniższa struktura. Mamy tu element HEADER, a w nim nawigację (NAV) oraz zdjęcie (IMG), np. logo.
<header>
<nav>
<a href="#">menu 1</a>
<a href="#">menu 2</a>
<a href="#">menu 3</a>
<a href="#">menu 4</a>
</nav>
<img src="http://kawalekkodu.pl/bl-themes/skeleton/img/kawalek_kodu.png" />
</header>
+
header {
text-align: center;
}
nav {
background: #ff0;
}