Элементы списка одинакового размера CSS для горизонтальной панели навигации

Question

Пытаюсь немного изучить CSS, и мне нужна горизонтальная навигационная панель, и я использую ul и li для ее построения Я бы хотел, чтобы все «кнопки» имели одинаковую ширину, это возможно только с помощью CSS?

Спасибо

Answer 1

Не совсем уверен, что вы подразумеваете под той же шириной. Вы просто установили его с пикселями по ссылке? Каковы ваши ограничения? Вы знаете ширину списка? или ширина ссылки?

<style type="text/css">
    .menu { margin:0px auto; padding:0px; list-style-type:none; }
    .menu li { margin:0px auto; padding:0px; float:left; }
    .menu li a { display:block; width:200px; }
</style>


<ul class="menu">
    <li><a href="#section1">Section1</a></li>
    <li><a href="#section1">Section1</a></li>
    <li><a href="#section1">Section1</a></li>
</ul>

Answer 2

Да,

ul li
{
    display: block;
    float: left;
    width: 100px;
}
ul
{
    padding: 0px;
    list-style-type: none;
}

Как то так. (Не проверено);