Skip to main content
U.S. flag

An official website of the United States government

Dot gov

The .gov means it’s official.
Federal government websites often end in .gov or .mil. Before sharing sensitive information, make sure you’re on a federal government site.

Https

The site is secure.
The https:// ensures that you are connecting to the official website and that any information you provide is encrypted and transmitted securely.

Latest release: Component Library: v56.10.0 released on Aug 3, 2026 | Guidance: Sprint 4 released on Aug 4, 2026 | Figma: Changelog

Foundation

Line length

Line-length (measure) tokens that constrain the width of text for readability.

Generated from css-library v0.34.1 (Tue, 04 Aug 2026 20:19:43 GMT).

Line-length tokens follow the USWDS measure tokens. See the typography page for guidance on constraining the width of body text.

Line length tokens

Token Value Notes vads-size-line-length-1 44ex Maximum text line length (measure), level 1 (narrowest). vads-size-line-length-2 60ex Maximum text line length (measure), level 2. vads-size-line-length-3 64ex Maximum text line length (measure), level 3. vads-size-line-length-4 68ex Maximum text line length (measure), level 4. vads-size-line-length-5 72ex Maximum text line length (measure), level 5. vads-size-line-length-6 88ex Maximum text line length (measure), level 6 (widest). vads-size-line-length-none inherit Removes the maximum line-length constraint.
Edit this page in GitHub (Permissions required)
Last updated: Jun 26, 2026