posicionar el texto de un <a href>

[ferrins]

Hola a todos!

tengo un buen lio con una cosa que parece bien facil. En los estados a y a:hover tengo un background que luego en el a:hover muevo un poco con el background position, de este modo consigo un rollover. Funciona muy bien.

Pero aparte de esto entre los tags a, es decir <a href=#>Cosa 1</a> Me sale posicionado arriba de todo, o sea que el texto Cosa 1 me sale arriba de todo, como puedo hacer para poner este Cosa 1 en medio del background?

No puedo poner un margin top en a{ margin-top } pq entonces me mueve la imagen, tampoco puedo poner un div dentro de <a href></> porque el validador no me lo acepta y si pongo un span dentro del <a href></> puedo darle margin left y right pero no top!!

Que os parece?

Gracias!

[Syncime]

Puedes poner un ejemplo de lo que estás tratando de hacer, si es posible con el código de CSS y HTML ya que no he logrado entender bien que es lo que estás tratando de realizar.

[Mikmoro]

Yo creo que puedes hacerlo con line-height, que es la altura de línea.
Si al elemento "a" le has dado un tamaño de alto (height) para poner ese fondo, con line-height puedes decir cómo de alta ha de ser la línea del texto, y por lo tanto lo podrás alejar de la parte superior como quieras.

Mikel.