HTML5\CSS3 nav меню

Question

[psylostlife]

Здравствуйте.

Вот тут под логотипом есть два пункта в nav: «Home» и «Пример страницы». Они сделаны списком ul-li. Какие свойства и чему нужно задать, чтобы они встали в линию справа от логотипа(AcidChristStudio)?

Answer 1

[Alexander Kouznetsov]

li{
display:inline-block;
}

Answer 2

[Doktor_Gradus]

Можно сделать 2 способами (может и больше, я навскидку).
1. Задать элементу div id=«inner-header» свойство float: left; а элементу nav свойство float: right;

Comments

[Doktor_Gradus]

Сорри, случайно отправилось. не элементу div id=«inner-header», а элементу p id=«logo», конечно.

Но лучше второй способ:
Элементу div id=«inner-header» задаём свойство display: table;, а элементам p id=«logo» и nav свойство display: table-cell; ну и внутри nav сделать выравнивание текста вправо. Нужно будет ещё размеры и отступы указать.

Answer 3

[Battletoads]

самое простое наверное

#inner-header {position: relative}
.menu { position: absolute; left: XXpx; top: XXpx; }
li {float:left}

Comments

[Battletoads]

последнюю строку точнее
.menu li {float:left: margin-right: XXpx;}