`lh` and `rlh` units

Here's a rephrased version of the provided text, maintaining the original meaning and image placement:

CSS Level 4 introduces some exciting new units: lh and rlh. lh sets a value equal to the computed line-height of the current element, while rlh does the same but for the root element.

What's the practical application? Šime Vidas highlights a compelling use case:

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

This cleverly makes an inline icon's dimensions match its line height, ensuring consistent sizing regardless of font changes.

The above is the detailed content of `lh` and `rlh` units. For more information, please follow other related articles on the PHP Chinese website!