Для основного навигатора моего сайта есть div с шириной 980px с ul для основных ссылок на навигацию. Я стараюсь, чтобы линии навигации растягивались в соответствии с шириной div равномерно.
<div style="width: 980px;">
<ul id="horizontal-style">
<li><a href="#">Nav Item</a></li>
<li><a href="#">Short Item</a></li>
<li><a href="#">Really Long Nav Item</a></li>
<li><a href="#">Nav Link</a></li>
<li><a href="#">Another Link</a></li>
</ul>
</div>
Я делаю типичный css, чтобы сделать список ul горизонтально (float: left, display: block). Я могу настроить прописку li, чтобы получить ее очень близко, но то, что мне действительно нужно, - это способ сделать ее растянутой, чтобы она соответствовала автоматически. Возможно ли это?
Edit Сложность 1: Нельзя использовать таблицы. Сложность 2: каждый элемент навигации будет иметь разную ширину для размещения более длинных и более коротких имен ссылок.