margin-top en un nodo a

[enochap]

Buenos días a todos, Hay un tema muy tonto que me gustaría saber porque no me funciona. He buscado por Google pero no he sabido encontrarlo.

Se trata de que no me hace caso con el margen superior de una etiqueta <a>.

Si hago lo siguenite, no me hace ni caso, pero ni por casualidad:
margin: 20px 0px 0px 10px;

Así que tengo que hacer siempre esto (me refiero al 220%):
font: bold 20px/220% Arial;

Y con esto del 220% el texto se me separa del top, en cambio si lo hago con una etiqueta <p> ningún problema, solo me ocurre con las etiquetas <a>.

Este es el código que tengo puesto al completo para que te situes:

.emp_div_menu {
background-image: url('../img/mnu_gris.png');
background-repeat: no-repeat;
border: 0px solid red;
height: 50px;
margin: 0px 0px 10px 0px;
width: 190px;
}

.emp_div_menu a {
color: white;
font: bold 20px/220% Arial;
margin: 0px 0px 0px 10px;
}

Un Saludo

[Triby]

Lo que pasa es que <a /> no es un elemento de bloque, agrega display:inline-block; y te respetará el margen.

[pzin]

Puedes usar una posición relativa, o que se muestre, mediante display, como bloque o inline-block.