Make the Navigation Menus with equal width

For every website the navigation menu plays a key role. This navigation menu should be in clear and precise. To make the navigation menu look better even in the lower resolution we have to make them responsive by giving equal width to each item.

Here is the procedure to make each menu item with equal width.
To make all the elements having equal width and full width of the parent use as

<ul>
     <li>a</li>
     <li>b</li>
     <li>c</li>
     <li>d</li>
</ul>

styles

ul{
display:table;
}

li{
display:tabel-cell;
float:none;
text-align:center;
}