Propiedad: Línea de Altura
Uso:
line-height: 1cm;
line-height: 40px;
line-height: 40pt;
line-height: 200%;
Definición:
Esto establecerá la altura de la línea. Es la anchura / finura de la línea. Así que cada línea tendrá la altura establecida.
Toma los siguientes valores.
a)cm : La altura de la línea se puede establecer en centímetros, como 1cm o 2cm, etc...
b)px : La altura de la línea se puede establecer en píxeles, como 1px o 10px, etc...
c)pt : La altura de la línea se puede establecer en puntos, como 1pt o 10pt, etc...
d)% : La altura de la línea se puede establecer en porcentaje, como 200% o 500%, etc... 100% significa tamaño original.
Ejemplo 1:
<div style="background-color: RosyBrown; line-height: 1cm;">
probando altura de línea - línea 1 <br>
probando altura de línea - línea 2 <br>
</div>
Resultado:
probando altura de línea - línea 1
probando altura de línea - línea 2
Ejemplo 2:
<div style="background-color: RosyBrown; line-height: 80px;">probando altura de línea<br>
probando altura de línea - línea 2 <br>
</div>
Resultado:
probando altura de línea
probando altura de línea - línea 2
Ejemplo 3:
<div style="background-color: RosyBrown; line-height: 20pt;">probando altura de línea<br>
probando altura de línea - línea 2 <br>
</div>
Resultado:
probando altura de línea
probando altura de línea - línea 2
Ejemplo 4:
<div style="background-color: RosyBrown; line-height: 200%;">probando altura de línea<br>
probando altura de línea - línea 2 <br>
</div>
Resultado:
probando altura de línea
probando altura de línea - línea 2
| 
