Как позиционировать списки в CSS?

Question

[DimanDev]

Я начал изучать верстку. Во всех сайтах есть есть верхнее меню(это как пример), в виде списка(html). Как его правильно позиционировать и как менять расстояние между элементами списка ? Ведь есть же рецепт этого который постоянно используют, в гугле никак не могу найти решение проблемы

Answer 1

[Los Angeles]

Расстояние между элементами списка задается с помощью margin применённого к тегу
Позиционирование всего списка реализуется применением необходимых стилей к тегу

Comments

[DimanDev]

А позиционировать с помощью position ?

Answer 2

[srko]

Смотрели тут?

Answer 3

[Хангелды Илебаев]

Пример
padding или margin: 0 2em;

Answer 4

[Никита Геннадич]

Да тут всё зависит от того насколько у вас сложный список и от того как вы в принципе привыкли делать. Позиционировать можно десятком различных способов.

Чаще всего всё сводится либо к padding\margin, либо к position:relative\absolute и позиционированию посредством left\right\top\bottom. Во втором случае нужно помнить про наследуемость свойства position (подробнее прочитать про этом можно в любом нормальном справочнике).

Если речь идёт конкретно о текстовом элементе, не стоит также забывать о свойствах text-align и line-height.

Answer 5

[Ilya Korablev]

Сразу код напишу

HTML

<nav>
<a href="#">Страница один</a>
<a href="#">Страница два</a>
<a href="#">Страница три</a>
</nav>

CSS

nav a{
padding: 4px; (Тут пишете столько, сколько вам надо)
}

Отступ будет со всех сторон
Смотрите изображение