Центрирование горизонтальных списков (inline)
В основном горизонтальный
списки используюся для создания меню. Иногда нужно, чтоб
список центрировался независимо сколько элементов в нем существует. В случае если
горизонтальный список создан с помощью
display:inline, добится, чтоб он был отцентрирован очень легко.
Следует отметить, что
margin:0 auto для центрирования в списках не работает.
ul
{
text-align:center;
}
ul li
{
display:inline;
}
<ul>
<li>1 элемент</li>
<li>2 элемент</li>
<li>3 элемент</li>
</ul>
- 1 элемент
- 2 элемент
- 3 элемент
Благодаря этому способу
список вседа будет размещен по центру независимо от количества элементов.
Добавить комментарий
