Как указать ширину параметра меню в процентах html/css?

Question

Новое в html/css и создаю простую веб-страницу. Создание горизонтального меню, взяв неупорядоченный список и удаляя пули, плавающие влево и т. Д. Как указать ширину опций меню в процентах. Скажем, у меня есть 5 вариантов меню, и я хочу, чтобы каждый из них занимал 20% экрана. Как это сделать, в настоящее время, когда я пытаюсь указать ширину в процентах, она принимает процент от того, насколько велика ссылка, а не насколько большой экран.

Answer 1

Ниже приведен пример, который работает:

<style> 
    ul.menu{ 
     list-style: none; 
     padding: 0; 
     margin: 0; 
    } 
    li.menu{ 
     float: left; 
     width: 20%; 
     display: inline; 
    } 
</style> 
<ul class="menu"> 
    <li class="menu"><a href="">Link 1</a></li> 
    <li class="menu"><a href="">Link 2</a></li> 
    <li class="menu"><a href="">Link 3</a></li> 
    <li class="menu"><a href="">Link 4</a></li> 
    <li class="menu"><a href="">Link 5</a></li> 
</ul>