Breaking a paragraph up, and aligning it
A paragraph broken into lines, set four ways: left, right, centred, justified.
Bulleted, numbered and nested lists, each built out of a hanging indent and one tab stop rather than out of list machinery: the marker sits in the room the indent opens, and every line below the first begins where the tabulation put the text.
Bulleted, numbered and nested lists, none of which needs any list machinery. A list item is a paragraph whose first line hangs out to the left: the marker sits in the room that indent opens, the tabulation after it carries the cursor to the stop the text begins at, and every line below the first starts at that same stop.
Nesting is the same block again, with its marker where the block above put its text. That is worth knowing, because it means the marker can be anything you can draw — a dot, a number, a letter, a dash, a symbol from your own font — and the wrapping stays correct whatever you choose.
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 | 110,883 bytes |
|---|---|
| Now | 40,462 bytes |
| Saved | 63.5 % |
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: 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 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.