У меня есть горизонтальная навигационная панель, например:
<ul id = "Navigation">
<li><a href = "About.html">About</a></li>
<li><a href = "Contact.html">Contact</a></li>
<!-- ... -->
</ul>
Я использую CSS, чтобы удалить точки маркера и сделать его горизонтальным.
#Navigation li
{
list-style-type: none;
display: inline;
}
Я пытаюсь оправдать текст, чтобы каждая ссылка была распределена равномерно, чтобы заполнить все пространство ul
. Я попытался добавить text: justify
в селектора li
и ul
, но они по-прежнему выровнены по левому краю.
#Navigation
{
text-align: justify;
}
#Navigation li
{
list-style-type: none;
display: inline;
text-align: justify;
}
Это странно, потому что если я использую text-align: right
, он будет вести себя так, как ожидалось.
Как распределить ссылки равномерно?