Breaking a paragraph up, and aligning it
A paragraph broken into lines, set four ways: left, right, centred, justified.
A justified column set twice: the long words breaking at their soft hyphens with a hyphen shown, or left whole, and a figure a no-break space keeps together.
A narrow justified column goes loose as soon as its words are long: the spaces stretch, and channels of white run down the page. The cure is to say inside the text itself where a word may break. This page sets the same paragraph twice — above without those break marks, below with them — so the breaking is the only difference.
A soft hyphen is invisible until it is used, and draws a hyphen only on the line that breaks there. Its opposite is on the page too: a no-break space inside the figure 1 200 EUR, which keeps the number and its currency on one line however narrow the column gets.
The same document is written twice, once in each language. Both files are shown in full, with the code coloured on the server, and can be copied in one click.
The same document is written in each of these languages. Open the one you want to look at.
| Before | 109,923 bytes |
|---|---|
| Now | 39,394 bytes |
| Saved | 64.2 % |
Not one mark on the page changed. See every document measured.
A paragraph broken into lines, set four ways: left, right, centred, justified.
A word too wide for its column: left whole, or cut to the edge.
A justified column set twice: file paths and compounds running past the edge with no break points, then wrapping where a break after a slash or a hyphen is allowed.
One long passage poured into three columns, each fitting the lines its height allows and handing the rest to the next.
The same two paragraphs six ways: the indents, the room around a paragraph, its last line, its first line.
A contents page whose entries are led to their page numbers by dots the layout draws.