estoy queriendo armar una lista de forma horizontal solamente utilizando Css. El problema es que para que esten en Horizontal estoy haciendo lo asi:
header li{
float: right;
padding-right: 10%;
}
header{
color: white;
padding: 30px;
font-size: 15px;
border: 2px solid black;
background-color: rgb(1, 189, 190);
font-size: 16px;
}
ul{
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
}
Pero lo quiero centrado, en horizontal y con espacio entre los datos de la lista:
<header>
<nav>
<ul>
<li><a href="">Banana</a></li>
<li><a href="">Pera</a></li>
<li><a href="">Sandia</a></li>
<li><a href="">Manzana</a></li>
</ul>
</nav>
</header>
Como puedo hacerlo?