Hola, gracias por acudir en mi ayuda jeje.
Aquí le envío el código de muestra
Codigo html
<!DOCTYPE html>
<html>
<head>
<title>Prueba Menu</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="menu">
<ul>
<li><a href="#">SHOP</a></li>
<li><a href="#">TU CUENTA</a></li>
<li><a href="#">CONÓCENOS</a></li>
</ul>
</div>
</body>
</html>
Estilo en ccs
.menu{
width: 50%;
}
.menu ul{
float: left;
list-style: none;
padding: 0;
margin: 0;
}
.menu ul li{
float: left;
display: block;
margin: 0% 5% 0;
}
.menu ul li a{
text-decoration: none;
color: #777;
font-size: 24px;
}
Mi duda es si hay alguna forma de que cuando yo agregue un nuevo elemento del menu ej: <li><a href="#">CONÓCENOS</a></li> el padding del <li> disminuya para que asi el menu quede alieado a la derecha.