Measure and the Reading Line

Measure is the width of a column of text — the horizontal distance a reader’s eye must travel from the beginning of one line to the end of it, then return to the beginning of the next. It has a direct effect on reading comfort. Too narrow, and the text feels broken — the reader is constantly returning before a thought is complete. Too wide, and the reader loses their place when returning. The optimal measure is the range where reading happens with least effort.

The optimal range

The traditional guideline is 45 to 75 characters per line for single-column body text, with 65 characters as the comfortable centre. This corresponds to roughly 25–35em at typical body text sizes. The guideline exists because human visual memory can hold approximately that much text in peripheral vision while reading — enough to anticipate the return, not so much that the eye gets lost in the line. In multi-column layouts, shorter lines are acceptable — a two-column article layout at 40–50 characters per column is comfortable because the columns are visually distinct and the eye has a nearby return point.

In practice, measure depends on context. Dense reference material can tolerate narrower columns because readers scan rather than read continuously. Long-form narrative benefits from the wider end of the range. UI text — labels, form fields, error messages — often operates at very short measures and requires heavier reliance on leading and spacing to compensate.

What happens at the extremes

At very narrow measures (under 40 characters), text becomes fragmented. Short words end up isolated on lines. The reading rhythm breaks every few seconds as the eye returns. The content feels harder to understand — not because the words are complex, but because the presentation fights the reader’s natural processing.

At very wide measures (over 90 characters), the eye struggles with the return. After reading a long line, finding the start of the next one requires a deliberate scan rather than a natural glide. Readers lose their place, re-read lines accidentally, or skip lines. The cognitive cost increases.

Responsive measure

On the web, measure is tied to container width. A fluid layout without typographic constraints will create lines that are far too wide on large screens and far too narrow on small ones. The solution is to constrain the text container — using max-width on the text element — so that line length remains within the optimal range regardless of viewport size.

This is a typographic constraint, not a layout one. The text column has a maximum width independent of the page. Everything else can be fluid. See Leading as Structure for how line length informs leading decisions, and Accessible and Responsive Type for how these principles interact with fluid scaling.

Measure and the grid

Typographic measure and layout grid columns must be reconciled, not designed independently. A grid that produces 640px content columns at desktop widths needs a body typeface and size combination that yields 45–75 characters in that space. If the column is too wide for comfortable reading, a max-width constraint on the text element is not a workaround — it is the correct typographic decision, applied within the layout.

The spacing scale interacts with typographic rhythm too. Body text set at 16px with 1.5 line height produces 24px of vertical rhythm. A spacing scale built on a 4px or 8px base unit divides 24 cleanly (6 × 4, 3 × 8). When the spacing scale and typographic rhythm share a common unit, the layout develops a consistent vertical rhythm that registers as coherence — the spacing between elements and the spacing within text feel like they belong to the same system.

Measure and cognitive accessibility

Measure has specific implications for users with dyslexia. Lines that are too long — over 80 characters — are harder to track for dyslexic readers because the return to the next line involves a longer scan, increasing the likelihood of losing their place or re-reading the same line. The 45–75 character guideline serves these users particularly well. Short paragraphs (3–5 sentences) reduce the visual density within a section, giving readers natural re-entry points.

WCAG 1.4.8 (Visual Presentation) at AAA specifies that text width is no more than 80 characters. This is AAA, not AA, but it aligns with the typographic guideline and is achievable with a max-width constraint. For interfaces serving users with known reading difficulties — educational platforms, public sector services — treat it as a practical target rather than an aspirational one.