Why does justified text often read worse on the web than left-aligned?
On this page
Justified text reads worse on the web because of how browsers achieve the flush edge: they stretch the spaces between words to push each line out to both margins, and on the narrow columns common online that stretching opens uneven, gaping gaps and vertical “rivers” of white that run down through the paragraph and disrupt the eye. You get a clean right edge at the cost of a ragged interior, and the interior is what you actually read. A smooth left edge, by contrast, keeps word spacing even and predictable, which is why left-aligned usually wins on the web.
The mechanism is worth understanding because it explains why the same justification that looks elegant in a printed book turns ugly in a browser. Justification works by absorbing slack somewhere, and there are two places to put it: between words and between letters. Print typesetting and high-end systems also lean on fine, well-controlled hyphenation to break words and keep that slack small. Browsers, by default, hyphenate poorly or not at all and distribute almost all the slack into word spaces. On a wide measure with many words per line, the extra space per gap is tiny and tolerable. On a narrow measure, the same need is spread across far fewer gaps, so each one balloons, and when wide gaps happen to stack vertically across several lines they form rivers, channels of white that the eye follows downward instead of reading across. Even spacing keeps the line a smooth track; uneven spacing turns it into a series of jumps.
Picture a two-column blog layout where each column is fairly narrow. Set the body justified and you will see lines where three or four words are flung apart by oversized gaps to reach the right margin, a paragraph pocked with white holes, and a faint river snaking down the middle where those gaps align. The right edge is tidy, but reading it is subtly tiring because the eye keeps adjusting to inconsistent spacing and getting pulled into the vertical channels. Switch the same column to left-aligned and the word spacing snaps back to even; the right edge goes ragged, but the paragraph reads as a calm, consistent block. The clean edge you traded away was cosmetic. The even spacing you got back is what makes the text comfortable.
The catch is that justification is not inherently wrong, it is wrong without control. With proper hyphenation enabled, a wide enough measure, and the spacing tuning that good typesetting allows, justified text can read well, which is exactly why it is the norm in books and fine magazines. The web simply rarely has those controls switched on or those measures available, so the default outcome is the bad one. If you genuinely have fine hyphenation and spacing control in place and a comfortable line length, justification can earn its place; absent that, the smooth edge is a trap.
For web body text, left-align by default and accept the ragged right edge as the price of even, readable spacing. Reach for justification only when you have real hyphenation and spacing control configured and a measure wide enough to keep the gaps small, and then check the result for rivers before you trust it. Left-align unless those conditions are met, and let even word spacing, not a clean edge, decide.