Я хотел бы создать плавный горизонтальный навигационный список ссылок, где навигационные ссылки расположены равномерно и занимают всю ширину окружающего контейнера.Навигационные ссылки имеют разную ширину. Первая ссылка должна быть выровнена по левому краю, а последняя ссылка должна быть выровнена по правому краю.

Мы имели ограниченный успех, используя такие методы, как:

ul {display: table;width: 100%;}
li {display: table-cell;}
a {display: block;} 

а также используя

ul {text-align: justify}
li {inline-block }

но без кода яПохоже, написано, что он имеет дело с элементами разной ширины. Интервал, кажется, не остается равным, поскольку размер nav изменен.

Мне нужно, чтобы навигация была плавной, первый и последний элементы должны находиться на одном уровне с краем содержащего ul, а элементы должны быть равноудалены друг от друга