Как центрировать список

Узнайте, как использовать CSS для центрирования списков.

центрированный список

  • Кофе
  • Чай
  • Кола

центрируйте список HTML

Шаг 1 - Добавьте HTML:

установите <ul> элементы заключены в контейнерные элементы, например <div>:

<div class="container">
  <ul class="myUL">
    <li>Кофе</li>
    <li>Чай</li>
    <li>Кола</li>
  </ul>
</div>

Шаг 2 - Добавьте CSS:

установите <div> элементы по центру, и установите <ul> изменить отображение на inline-block。

или, вы можете выровнять список по левому краю, чтобы получить более аккуратный вид:

div.container {
  text-align: center;
{}
ul.myUL {
  display: inline-block;
  text-align: left;
{}

Попробуйте сами

Связанные страницы

Урок:Выравнивание CSS