14 de marzo de 2007

CSS: El atributo line-heigth mola :)

Sirve para definir la altura de una línea, en la práctica lo uso para formatear el interlineado de textos.

Se le puede asignar un valor en píxeles o en %. Yo recomiendo utilizar el valor del % ya que así se puede ajustar de manera más automática a los diferentes navegadores. Pero claro, cada caso es un mundo.

Aquí va un ejemplo de como se utiliza:

<div style="line-height:200%;"><a href="#">Accuracy</a> | <a href="#">Availability</a> | <a href="#">Troubleshooter</a> | <a href="#">Jargon Buster</a> | <a href="#">Accuracy</a> | <a href="#">Availability</a> | <a href="#">Troubleshooter</a> | <a href="#">Jargon Buster</a></div>


Cómo podéis ver en el resultado el salto entre líneas es mayor de lo normal:




Comparte este Post:
Menéame Digg!