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; 
} 

Что-то вроде этого. (Не испытано);