Мені потрібно по центру вирівняти горизонтальне меню.
Я спробував різні рішення, включаючи суміш inline-block
// block
/ center-align
тощо, але не досяг успіху.
Ось мій код:
<div class="topmenu-design">
<!-- Top menu content: START -->
<ul id="topmenu firstlevel">
<li class="firstli" id="node_id_64"><div><a href="#"><span>Om kampanjen</span></a></div></li>
<li id="node_id_65"><div><a href="#"><span>Fakta om inneklima</span></a></div></li>
<li class="lastli" id="node_id_66"><div><a href="#"><span>Statistikk</span></a></div></li>
</ul>
<!-- Top menu content: END -->
</div>
ОНОВЛЕННЯ
Я знаю, як центрувати вирівнювання в ul
межах div
. Це можна досягти, використовуючи пропозицію Сарфраз. Але елементи списку все ще пропускаються зліва в межах ul
.
Чи потрібен Javascript для цього?