Unidades `lh` y `rlh` | Programar Plus

¡Hay algunas unidades nuevas que desconocía por completo de la especificación de nivel 4 para los valores de CSS! El lh unidad es “igual al valor calculado de line-height” y rlh es el mismo sólo del elemento raíz (probablemente el <html> elemento) en lugar del elemento actual.

¿Por qué sería útil? Šime Vidas tiene un punto fuerte:

“Centrado vertical en línea” de un icono

.inline-icon {
  display: inline-block;
  width: 1lh;
  height: 1lh;
}