Как сделать оглавление (меню) сайта при помощи списков?
Сайт чисто на HTML и CSS : оглавление (меню) — при помощи списков; как сделать его „резиновым“?
https://cloud.mail.ru/public/qfxo/rMqhb3Qfm
Ответы (1 шт):
Автор решения: LureRed
→ Ссылка
Необходимо размещать код где его можно скопировать и посмотреть как он работает
по существу вопроса то можно поступить так, использовать 'flex' и убрать обертку у списка в виде div (к тому же у вас там фиксированный размер стоит)
.menu_horizontal {display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; width: 100%; list-style: none;}
ul {padding: 0;}
<ul class="menu_horizontal">
<li>пункт 1</li>
<li>пункт 1</li>
<li>пункт 1</li>
<li>пункт 1</li>
</ul>
<ul class="menu_horizontal">
<li>пункт 1</li>
<li>пункт 1</li>
<li>пункт 1</li>
<li>пункт 1</li>
<li>пункт 1</li>
<li>пункт 1</li>
<li>пункт 1</li>
<li>пункт 1</li>
</ul>
<ul class="menu_horizontal">
<li>пункт 1</li>
<li>пункт 1</li>
<li>пункт 1</li>
<li>пункт 1</li>
<li>пункт 1</li>
<li>пункт 1</li>
<li>пункт 1</li>
<li>пункт 1</li>
<li>пункт 1</li>
<li>пункт 1</li>
<li>пункт 1</li>
<li>пункт 1</li>
<li>пункт 1</li>
<li>пункт 1</li>
</ul>