Hanging punctuation, and the quotation mark that dents the margin
A line beginning with a quotation mark starts a fraction late, and a column of them looks bitten. What optical margin alignment does about it, where it matters most in a novel, and where it is not worth chasing.
Take a page of dialogue and look down its left edge. Every line of speech starts with a quotation mark, and a quotation mark is two small strokes near the top of the line with air underneath them.
Measured, the edge is perfectly straight. Seen, it is scalloped: each line that begins with a quote appears to start a little late, because the eye aligns on the mass of the letters and there is barely any mass there.
The correction
Hanging punctuation moves the mark outside the measure by roughly its own width, so the letters after it line up with the letters above.
The idea is as old as printing. Look at a page of the Gutenberg Bible of the 1450s and the hyphens at the ends of its lines — angled double strokes, not the flat mark we use — sit outside the column, hung into the margin so the edge of the text reads straight.
That was part of a larger obsession. To justify two columns of 42 lines without the loose, uneven word spacing that justification usually produces, Gutenberg cut something like 290 different characters: ligatures, scribal abbreviations, and narrow and wide variants of the same letter that a compositor could swap in to tighten or fill a line. The evenness of those columns is still the standard people measure justification against, and it was achieved by a man solving the problem with punches and lead rather than an algorithm.
The point being that the dent in the margin is not a modern nicety somebody invented for InDesign. It was visible to the first person who ever set a page of type, and he did something about it.
Optical margin alignment is the same principle generalised. Punctuation is the worst offender but not the only one: a capital T or W leaves a wedge of space under its arms, a lowercase r ends high, the numeral 1 sits in a wide blank. Each of them makes a line look slightly indented. A full optical implementation nudges all of them by different small amounts.
The amounts are small, a fraction of the character’s width. It is the sort of adjustment nobody notices individually and everybody notices in aggregate.
Where it earns its keep
Dialogue, overwhelmingly.
Narration produces a stray quotation mark at the start of a line now and then, and the dent is isolated enough to pass. A page of exchanged speech is different: six or eight consecutive lines can each open with a quotation mark, and the dents stack into a visible curve down the margin. In a novel that is heavy with dialogue, this is the single place the correction pays for itself.
The right edge matters less in a justified book, because the hyphens and full stops that land there are already being spaced by justification, and the eye is more forgiving of a ragged-looking right edge than of a wavering left one.
Where not to chase it
It is a refinement, not a requirement. Books that skip it read fine, and no reader has ever put one down over a scalloped margin.
Two situations where it is genuinely not worth pursuing:
In a reflowable ebook, where the CSS property exists but reading-system support is thin enough that you should assume it will not apply. The composition belongs to the reading system there, which is the same reason embedded fonts behave unpredictably.
In a book with little dialogue, where the effect is scattered and the gain is close to invisible.
The chapter opening, which is worth being fussy about
One case deserves attention even if you ignore the rest.
A chapter that opens on a line of dialogue begins with a quotation mark, and that mark sits in front of the first word or the drop cap. Set flush, the entire chapter opening looks shifted to the right compared with every other chapter in the book — and unlike a mid-page line, this one is being compared directly, because the reader has seen twenty other chapter openings in the same position.
A drop cap makes it worse, since the quotation mark is now sitting beside a letter three lines deep and its misalignment is three lines tall.
Nueel hangs the opening punctuation at a chapter opening for exactly this case: when the first character is punctuation, the mark moves outside the measure and the initial keeps the margin, so a chapter beginning on speech lines up with the chapters around it. The measurement accounts for it too, which matters more than it sounds — the lines beside a drop cap get that width back rather than being measured flush and painted hung.
The general per-line correction across body text is not something Nueel applies today.
Most typography a reader notices is a mistake. This is one of the few things they notice by not noticing it: a margin that looks straight because somebody made it slightly crooked.
Sources
- Hanging punctuation and Optical margin alignment — the distinction between the two, and the Gutenberg Bible’s hung hyphens
- CreativePro, Hung punctuation and optical margin alignment — which characters beyond punctuation are affected
- FinalType, The justification of the Gutenberg Bible — the hung hyphens, and the 290-character type case cut to justify the columns
Common questions
- What is hanging punctuation?
- Letting punctuation sit slightly outside the text block so the edge of the column looks straight. A quotation mark, hyphen or comma at the edge of a line is mostly white space, so aligning it mechanically with the letters above leaves a visible dent. Hanging it into the margin aligns what the eye actually sees rather than what the measurement says.
- What is the difference between hanging punctuation and optical margin alignment?
- Hanging punctuation is the narrower idea: punctuation moves outside the measure. Optical margin alignment is the general version, and it also nudges letters whose shapes leave a gap — a capital T or W, a lowercase r, the numeral 1 — because they are light at the edge in the same way punctuation is. Both are correcting the same illusion.
- Where does it matter most in a novel?
- Dialogue. A page of speech can start six or eight consecutive lines with an opening quotation mark, and mechanically aligned they produce a scalloped left edge that is visible from across the room. In continuous narration the effect is scattered and much harder to notice.
- Is it a requirement?
- No. It is a refinement, and plenty of well-made books do not use it. It is old, though: the Gutenberg Bible hangs hyphens outside the column. Treat it as something that separates careful typesetting from adequate typesetting, rather than as a fault when it is absent.
- Does hanging punctuation work in an ebook?
- Inconsistently. CSS has a hanging-punctuation property, and support across reading systems is thin, so the safe expectation is that it will not apply. This is one of the differences between a print interior, where you control the composition, and a reflowable file, where the reading system does.
- Should the opening quotation mark of a chapter hang?
- Yes, and it is the one case worth being fussy about. A chapter that opens on dialogue puts a quotation mark before the drop cap or the first word, and if it is set flush the whole opening appears shifted right against every other chapter in the book. Hanging it restores the alignment the reader is comparing against.
- typography
- typesetting
- punctuation
- book design
Nueel is a web app that turns a finished manuscript into a typeset book, in your browser: import your Word file, choose a design, export a print-ready PDF and an EPUB. See how it works.