Utworzyłem listę:
<ul>
<li><a href="#">A</a></li>
<li><a href="#">B</a></li>
<li><a href="#">C</a></li>
</ul>
Następnie włączyłem pływanie elementów list i ustawiłem odsyłacz jako element blokowy
ul {
list-style-type: none;
margin: 0;
padding: 0;
}
ul li {
float: left;
}
ul li a {
display: block;
background-color: blue;
color: black;
text-decoration: none;
text-align: center;
width: 200px;
padding: 50px;
}
Domyślnie wszystkie 3 pokazują się jeden obok drugiego, przylegając do lewej krawędzi okna przeglądarki. Chciałbym by wszystkie 3 ustawiły się na środku. Próbowałem użyć margin-left oraz margin-right ale bez efektu.