The `leading-none` class removes all added line height, making the line height equal to the font size (effectively `line-height: 1`). This can be useful in specific layout scenarios or when you want to control spacing very precisely with padding/margins.
This text uses `leading-none`. Line one. Line two. Line three. Notice how compact the lines are. This is useful when you want the text element's height to be as close as possible to the actual text content height without extra spacing.
While `leading-none` makes the text block compact, the "Gotcha" about alignment with adjacent elements still applies. The alignment is to the center of this compact block. Sometimes, `leading-none` is used to *minimize* extra space, hoping for better alignment, but careful consideration of the adjacent element's properties is still needed.