Should flag

Card blurb wrapping four lines at 1.25

This card description wraps to four lines in a narrow column, and every line sits closer to the next than reading copy at this size can carry.

Accordion answer wrapping three lines at 1.20

The answer paragraph inside this accordion runs to three lines, and at eighteen pixels the lines press together instead of separating.

Footer legal block at 1.17

Story excerpt bullet at 1.14

Card description nested inside a heading at 1.10

The service card puts its whole description paragraph inside the card heading, and it still wraps to several lines of reading copy.

Bold body text running four lines at 1.19

This whole card description is set in bold, and it wraps to four lines in the narrow column, so its lines still crowd each other like body copy.

Medium-weight two-line card title at 1.14

Two southern residents charged over an international trafficking ring

Regular-weight blurb in a three-line clamp at 1.20

The clamped teaser under the photo is regular reading copy, and the clamp cuts it after three lines that still sit too close together to read comfortably.

Bold summary cut to three lines by a max-height at 1.14

The whole summary is set in bold and runs on well past three lines in this column, but a max-height with overflow hidden shows only the first three of them to the reader.

Flex row whose long text item wraps at 1.17

The first item of this flex row is a whole sentence of reading copy, long enough to wrap inside its own boxShort note

Should pass

Display statement set on a paragraph

A statement set at display size carries its own leading, and a ratio under the body floor is exactly what the size wants.

Headline text inside a heading link

The heading puts its text in a child anchor, which is how most cards and most news fronts are marked up.

Card title carrying the heading role

A testimonial card title set as a span with the heading role, wrapping to two lines of title type.

Paragraph set at exactly the floor

This paragraph sets its leading at exactly the floor the rule asks for, so it must never be reported for hitting it.

Mobile variant that is not displayed

The mobile copy of this card blurb is switched off at this width and paints nothing at all for the visitor.

Screen-reader description clipped to a pixel

This description belongs to the video player and is clipped to a single pixel box for assistive technology only.

Analytics payload inside an inline script

Tag manager fallback inside noscript

Single line that never wraps (browser engine only)

This utility class sets tight leading on a label that renders as one single line.

Heading copy in a block wrapper

New every week: let our latest collections inspire you again and again this season.

Inline run on its block's line boxes (browser engine only)

Bold two-line card title on a div (browser engine only)

Two southern residents charged over an international trafficking ring

Bold two-line ticker headline in an inline link (browser engine only)

Bold title in a three-line clamp it fills exactly

Two southern residents charged over an international trafficking ring that ran for years across the border

Flex row whose short text items wrap as whole items (browser engine only)

100 free lead searches14-day trial on paid plansBuilt with you on a call

Bold title in a two-line clamp

The compact luxury crossover turning heads this season, with a cabin that feels far larger than it is and a price that undercuts every rival