El valor de line-height sin unidades en CSS

El valor de la propiedad line-height no tiene por qué ser un número con alguna unidad. También se puede escribir simplemente un número o una fracción. En este caso, el valor real de line-height se podrá encontrar multiplicando este número por el valor de font-size.

Por ejemplo, si font-size es 10px, y line-height es 1.5. En este caso, el valor real de line-height será 10px * 1.5 = 15px. Bueno, y el espacio blanco visible entre las líneas de texto será 5px: 15px - 10px = 5px.

La ventaja de esta forma de establecer line-height es que al cambiar el tamaño de la fuente, automáticamente cambiará también el interlineado.

Veamos la aplicación de lo descrito en un ejemplo:

html<p>
  some long text
</p>

cssp {
  font-size: 20px;
  line-height: 1.5;
  text-align: justify;
  width: 400px;
}

Результат: