[SOLUCIONADO] Cómo Bajar texto

[serbarmax]

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!

[pzin]

Como por lógica el enlace tiene que cubrir todo su contenedor, ya que tienes el :hover en este último, lo suyo sería aplicar el padding-top que necesites. Y para que eso funcione tendrás que poner el enlace como un elemento de bloque.

Código CSS:

nav ul li a {
  display: block;
  padding-top: 20px;
  text-decoration: none;
  text-align: center;
  color: blue;
}
 

[serbarmax]

Muchas gracias anduvo de 10 !