# LH e RLH > Neste drop falo das unidades de medida LH e RLH do CSS e exemplifico como podem ser úteis para trabalhar com tipografia e ícones. - Canonical: https://betomuniz.com/blog/lh-e-rlh - Published: 2020-09-02 - Updated: 2026-04-21T17:44:00.000Z - Language: pt - Tags: CSS --- [LH](https://www.w3.org/TR/css-values-4/#lh) e [RLH](https://www.w3.org/TR/css-values-4/#rlh) são novas unidades de medidas no CSS que permitem a exploração da propriedade `line-height` como medida referencial. **LH** representa o `line-height` do elemento que está controlando o contexto. **RLH** representa o `line-height` do elemento pai mais próximo que possui definição `line-height` ou o `line-height` padrão do próprio ``. No exemplo, o ícone com valor de `1lh` preenche totalmente a altura, pois o elemento que controla o contexto tem o `line-height` computado pelo texto `Lorem ipsum`. Quando o ícone usa o valor `1em`, o mesmo não preenche totalmente a altura, pois `em` utiliza-se da definição `font-size` do texto `Lorem ipsum`. Muito útil, não é?