Buenos días, me gustaría saber si se puede poner en las li un id para que estén colocadas de forma diferente, lo estoy intentando pero no hace nada, no se si lo estoy haciendo bien, no se si estoy llamando bien en el css
ejemplo.
<nav>
<ul>
<li id="inicio"><a href="inicio.html">Inicio</a></li>
<li id="empresa"><a href="quienesomos.html">Empresa</a></li>
<li id="servicios"><a href="servicios.html">Servicios</a></li>
<li id="portfolio"><a href="portfolio.html">Portfolio</a></li>
<li id="contacto"><a href="contacto.html">Contacto</a></li>
</ul>
</nav>
y luego en el css:
nav li {
display:inline-block;
vertical-align: top;
}
nav li inicio{
display:inline-block;
padding-right: 50px;
vertical-align: top;
}
nav li empresa{
display:inline-block;
padding-right: 20px;
vertical-align: top;
}
Gracias
