CSS для веб-дизайнеров.

Сдвинем элементы.

Сначала сдвинем весь список и добавим небольшой отступ, чтобы разместить меню в правой части страницы; затем сдвинем также каждый элемент списка.

#nav { 

float: right;

padding: 42px 0 0 30px;

}.

#nav li {

float: left;

margin: 0 0 0 5px;

}.

Результат виден на рис. 3.09. Теперь список горизонтален.

CSS для веб-дизайнеров

Рис. 3.09. Горизонтальный список ссылок, полученный применением нескольких CSS-правил