Горизонтальное меню - выровнять по центру блока
Опубликовано чт, 06/11/2020 - 22:15 пользователем userone
Встречал совершенно безумные комбинации, которые центрируют горизонтальное меню. Однако, всё гораздо проще.
HTML:
CSS:
Пример здесь.
<div class="b">
<ul>
<li><a href="">Point 1</a></li>
<li><a href="">Point 2</a></li>
<li><a href="">Point 3</a></li>
<li><a href="">Point 4</a></li>
<li><a href="">Point 5</a></li>
<li><a href="">Point 6</a></li>
</ul>
</div>
.b {
text-align: center;
}
ul {
display: inline-block;
list-style: none;
}
li {
float: left;
margin-right: 20px;
}
- Войдите, чтобы оставлять комментарии