liveBook · Manning

Line length

As explained in Design for Developers

Line length is the amount of text, commonly measured in characters, spanning one line of a text block.

Line length is the amount of text, commonly measured in characters, spanning one line. For readable web copy, aim for roughly 45–70 characters per line. Shorter lines support scanning, while longer lines make sustained focus harder. section 8.2.6

Apply line length as a practical layout decision:

  • Limit the width of text columns or set a max-width on headings and paragraphs. section 8.2.6
  • Check line length alongside line height, since both influence readability, especially in large blocks of text. section 10.5
  • Test the result with users or several readers rather than treating the character range as an inflexible rule. section 8.2.6

A readable text column

When building a webpage, constrain a paragraph or heading so its lines stay near the 45–70-character range, then review the result with the chosen typeface and line height. section 8.2.6 section 10.5

How Design for Developers covers it

How deep it goes
Defines a 45–70-character guideline and implementation choices, but stops short of detailed readability research or measurement methods.
Examples
Uses web paragraphs, headings, constrained columns, and comparisons of long text blocks to illustrate readable proportions.
What you can do after
Apply it via CSS by constraining text widths and reviewing the result with typography and user-readability checks.
How it connects
Connects typography with readability, line height, letter spacing, vertical rhythm, and baseline grids.

Also explained in

Compare how 4 books explain line length →

Related concepts

This explainer was generated by Manning's knowledge graph from the text of Design for Developers. The section links point to the parts of the book it draws on.