Deep dive: center-aligned body copy that fights how people actually read

Deep dive: center-aligned body copy that fights how people actually read

A design-driven mistake is center-aligning blocks of body text and key points because it "looks balanced." Reading research shows this directly contradicts the visual scanning patterns people use on the web, and it taxes comprehension.

What the research shows: Nielsen Norman's eye-tracking established the F-pattern — on text-heavy pages, users scan in an F shape: a horizontal sweep across the top, a shorter sweep lower, then a vertical scan down the left edge. The left edge is doing heavy lifting because that's where the eye returns to start each line. Typographic research on readability separately finds that centered multi-line text slows reading because every line begins at a different horizontal position, so the eye must hunt for each line's start (a longer saccade-return), increasing reading effort.

The mechanism is predictable return points. Left-aligned text gives the eye a fixed margin to snap back to after each line — minimal effort, fast scanning. Centered text removes that anchor; the ragged left edge forces a search for where the next line begins. Over a paragraph this adds up to measurable slowdown and higher cognitive load, which on a landing page means more people give up reading.

The specific failures:

— Center-aligned multi-line value propositions and feature descriptions.
— Center-aligned bullet lists (the worst case — bullets lose their scannable left rail entirely).
— Long centered paragraphs in a hero, where reading speed matters most.

The fix:

— Left-align all multi-line body copy and lists so the eye has a fixed return margin and your content sits along the F-pattern's vertical scan line.
— Reserve centering for short, single-line elements — a headline, a CTA — where there is no return point to disrupt.
— Keep lists left-aligned with bullets on the left rail so they're scannable in one vertical pass.

TL;DR
— Users scan in an F-pattern, leaning on the left edge as the return anchor for each line.
— Centered multi-line text removes that anchor, slowing reading and raising cognitive load.
— Left-align body copy and lists; reserve centering for single-line headlines and buttons.