Как обосновать горизонтальный список?

У меня есть горизонтальная навигационная панель вроде следующего:

<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 , он ведет себя так, как ожидалось.

Как равномерно распределить ссылки?