CSS Tip

Trim extra space using text-box

Ready for the new text-box property? With it, you can easily remove extra space above and below your text. Adjust the setting to see the effect of the different values.

⚠️ Support is limited (Chrome-only for now) ⚠️

From the top and from the bottom

Ab-xy-12-Êç

.text {
  text-box: auto;
}

Block of Text

For a multi-line content, we trim the top of the first line and the bottom of the last line (jpq).

More CSS Tips