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) ⚠️
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
- An infinite logos animation Using the offset property to create a CSS-only infinite logos animation.
- Transparent inner border for images A simple code to add a fancy transparent inner border to image elements.
- The difference between zoom and scale Learn about the zoom property and how it works.
- Bouncy radio buttons using modern CSS A fun CSS-only experimentation to create a jumping dot between radio inputs.