navbar

HTML

<div id="main">
	    <div id="menu">
		    <ul>
				<li><a href="Index.html">Головна</a></li>
				<li><a href="History.html">Історія</a></li>
				<li><a href="Catalogue.html">Каталог</a></li>
				<li><a href="Prices.html">Цінник</a></li>
				<li><a href="#">Зв'язок</a></li>
		    </ul>
    	</div>
    </div>

CSS

*{
margin: 0;
padding: 0;
}

#main{
width: 650px;
margin: 0 auto;
}

#menu{
width: 100%;
background-color: #333;
}

#menu ul li{
display: table;
width: 20%;  /* Ширина - оскільки у нас 5 кнопок 100/5=20% */
float: left;
background-color: #333;    
}

#menu ul li a{
text-align: center;
text-decoration: none;
color: white;
display: block;
padding: 10.5px 11px;   
}

#menu ul li a:visited {
color: white;
}

#menu ul li a:hover{
color: #fff;
background-color:#0b75b2;
}