Alinear menú a la derecha
3 seguidores
Hola, me trae de cabeza el tema de alinear un menu ul a la derecha. La forma en la que lo estoy haciendo es añadiendo a la ul del menú un marging-left para que el texto se vaya corriendo hacia la derecha, pero así solo se puede hacer a ojo y dependiendo del navegador, el texto cambia un poco de tamaño y me pasa lo de la imagen... (gráfica publicitaria no me cabe y pasa automaticamente a la linea de abajo)
¿Existe alguna forma de alinearlo a la derecha automaticamente?
antofernandez
Hola.
Deberías poner un text-align: right en el div que contiene la ul.
O poner un float: right en la ul.
Saludos
Usuario desconocido
Hola. Gracias por la rapidez, pero eso no me funciona.
Pongo el código:
HTML
<div id="submenu01">
<ul>
<li><a href="editorial.html">Diseño editorial</a></li>
<li><a href="identidad.html">Identidad</a></li>
<li><a href="packaging.html">Packaging</a></li>
<li><a href="grafica.html">Gráfica publicitaria</a></li>
</ul>
</div>
CSS
#submenu01{
height:30px;
margin-bottom:50px;
border-bottom:#CCC dotted 2px;
width:900px;
float:left;
}
#submenu01 ul{margin-left:485px;*}
#submenu01 ul li{ float:left; margin-left:10px;}
smalonso Mod
Cambia esto del CSS
#submenu01 ul {float: right;
margin: 0 15px 0 0}
Usuario desconocido
Muchas gracias Höher, creo que ahora si funciona!
yanitho
¿Como puede Separar las categorias que hacen parte del menu principal?
jfco.marte
debes utilizar
en la cabecera
display: flex;
justify-content:space-between;