Hola, tengo un menú horizontal hecho con UL/LI y me funciona bien
Código:
nav ul li{
float:left;
padding: 4px;
margin: 4px;
border-right:1px dashed grey;
text-align: center;
height: 50px;
width: 70px;
}
nav ul li:hover{
background:rgba(255,255,255,0.2);
}
nav ul li a{
text-decoration:none;
color:blue;
text-align: center;
}
Pero necesito bajar el texto del enlace cómo puedo hacer? Actualmente me queda en el centro.
He probado en el último bloque agregarle vertical-align: bottom o position-absolute; top: left:
Quiero hacer como si fuera un botón rectangular parado y el texto abajo, como la botonera de word 2007/2010
+----------+
| |
| Imagen |
| |
| |
| Texto |
+----------+
Gracias!