Узнать, как создать список по центру используя HTML, CSS.
Список по центру
- Кофе
- Чай
- Кока-кола
Создать список по центру
Шаг 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, чтобы узнать больше о выравнивании элементов.