ამის გაცენტრება მინდა, ტექსტის და რომ ვაძლევ text align - center - ს li-ის არაფერს შვრება.
<div class="cont1">
<nav>
<ul>
<li><a href="#">მთავარი</a></li>
<li><a href="#">ჩვენს</a></li>
<li><a href="#">შესახებ</a></li>
<li><a href="#">კონტაქტი</a></li>
<li><a href="#">სპორტი</a></li>
</ul>
</nav>
</div>
.cont1 nav {
width: 960px;
height: 50px;
background: rgb(36, 19, 199);
}
.cont1 nav ul {
float: left;
width: 800px;
height: 40px;
background: rgb(199, 72, 85);
}
.cont1 nav ul li {
display: inline-block;
background: rgb(107, 238, 233);
margin: 10px;
padding: 5px;
}
.cont1 nav ul li a {
text-decoration: none;
background:rgb(142, 136, 187);
}