Typographic alignment

Setting of text flow or image placement relative to a page, column, table cell, or tab

This article needs additional citations for verification. Please help improve this article by adding citations to reliable sources. Unsourced material may be challenged and removed.
Find sources: "Typographic alignment" – news · newspapers · books · scholar · JSTOR (May 2008) (Learn how and when to remove this message)

|

In typesetting and page layout, alignment or range is the setting of text flow or image placement relative to a page, column (measure), table cell, or tab (and often to an image above it or under it).

The type alignment setting is sometimes referred to as text alignment, text justification, or type justification. The edge of a page or column is known as a margin, and a gap between columns is known as a gutter.

## Basic variations

[edit]

There are four basic typographic alignments:

* flush left—the text is aligned along the left margin or gutter, also known as left-aligned, ragged right or ranged left;
* flush right—the text is aligned along the right margin or gutter, also known as right-aligned, ragged left or ranged right;
* justified—text is aligned along the left margin, with letter-spacing and word-spacing adjusted so that the text falls flush with both margins, also known as fully justified or full justification;
* centered—text is aligned to neither the left nor right margin; there is an even gap on each side of each line.

Alignment does not change the direction in which text is read; however, text direction may determine the most commonly used alignment for that script.

### Flush left

[edit]

In English and most European languages where words are read left-to-right, text is usually aligned "flush left",[1] meaning that the text of a paragraph is aligned on the left-hand side with the right-hand side ragged. This is the default style of text alignment on the World Wide Web for left-to-right text.[2] Quotations are often indented. Flush left might also be used in very narrow columns, where full justification would produce too much whitespace between characters or words on some lines.

The phrase "left alignment" is often used when the left side of text is aligned along a visible or invisible vertical line which may or may not coincide with the left margin. For example, if a paragraph that is flush left were indented from the left, it would no longer be flush left, but it would still be left aligned.

### Flush right

[edit]

In other languages that read text right-to-left, such as Persian, Arabic and Hebrew, text is commonly aligned "flush right". Additionally, flush-right alignment is used to set off special text in English, such as attributions to authors of quotes printed in books and magazines, or text associated with an image to its right. Flush right is often used when formatting tables of data. It is used to align text to the right margin; in this case, the left ends will be unequal.

The term "right alignment" is frequently used when the right side of text is aligned along a visible or invisible vertical line which may or may not coincide with the right margin. For example, if a paragraph that is flush right were indented from the right, it would no longer be flush right, but it would still be right aligned.

### Justified

[edit]

A common type of text alignment in print media is "justification", where the spaces between words and between glyphs or letters are stretched or compressed in order to align both the left and right ends of consecutive lines of text. When using justification, it is customary to treat the last line of a paragraph separately by simply left or right aligning it, depending on the language direction. Lines in which the spaces have been stretched beyond their normal width are called loose lines, while those whose spaces have been compressed are called tight lines.

### Centered

[edit]

Centered text

Text can also be "centered", or symmetrically aligned along an axis in the middle of a column. This is often used for the title of a work, headlines, and for poems and songs. As with flush-right alignment, centered text is often used to present data in tables. Centered text is considered less readable for a body of text made up of multiple lines because the ragged starting edges make it difficult for the reader to track from one line to the next.

Centered text can also be commonly found on signs, flyers, and similar documents where grabbing the attention of the reader is the main focus, or visual appearance is important and the overall amount of centered text is small.

Some modern typesetting programs offer four justification options: left justify, right justify, center justify and full justify. These variants respectively specify whether the full lines of a paragraph are aligned on the left or the right, centered (edges not aligned), or fully justified (spread over the whole column width). In programs that do not offer multiple kinds of justification, typically only left (for left-to-right languages) or right (for right-to-left languages) justification is provided.

## Examples

[edit]

The following table displays the difference between a justified (flush left and flush right) and a flush left (and ragged right) text.

> Justified (flush left and right)  | Flush left, ragged right
> 
|

> Thy father was delighted and cried out to the servant, 'Give him a hundred and three gold pieces with a robe of honour!' The man obeyed his orders, and I awaited an auspicious moment, when I blooded him; and he did not baulk me; nay he thanked me and I was also thanked and praised by all present. When the blood-letting was over I had no power to keep silence and asked him, 'By God, O my lord, what made thee say to the servant, Give him an hundred and three dinars?'; and he answered, 'One dinar was for the astrological observation, another for thy pleasant conversation, the third for the phlebotomisation, and the remaining hundred and the dress were for thy verses in my commendation.'" "May God show small mercy to my father," exclaimed I, "for knowing the like of thee."[3] | Thy father was delighted and cried out to the servant, 'Give him a hundred and three gold pieces with a robe of honour!' The man obeyed his orders, and I awaited an auspicious moment, when I blooded him; and he did not baulk me; nay he thanked me and I was also thanked and praised by all present. When the blood-letting was over I had no power to keep silence and asked him, 'By God, O my lord, what made thee say to the servant, Give him an hundred and three dinars?'; and he answered, 'One dinar was for the astrological observation, another for thy pleasant conversation, the third for the phlebotomisation, and the remaining hundred and the dress were for thy verses in my commendation.'" "May God show small mercy to my father," exclaimed I, "for knowing the like of thee."[3]

## Problems with justification

[edit]

Automated justification in a demonstration from the early 1990s. The technology was later purchased by Adobe and added to their InDesign product.

Justification sometimes leads to typographic anomalies. One example: when justification is used in narrow columns, extremely large spaces may appear between words on lines with only two or three words.

Another example: when the spaces between words line up approximately above one another in several loose lines, a distracting river of white space may appear.[4] Rivers appear in right-aligned, left-aligned and centered settings too, but are more likely to appear in justified text, because of the additional word spacing. Since there is no added white space built into a typical full stop (period), other than that above the full stop itself, full stops contribute to the river effect in a limited way.

At one time, common word-processing software adjusted only the spacing between words, which was a source of the river problem. Modern word processing packages and professional publishing software significantly reduce the river effect by adjusting also the spacing between characters. Additionally, these systems use advanced digital typography techniques such as automatically choosing among different glyphs for the same character and slightly stretching or shrinking the character in order to better fill the line. The technique of glyph scaling or microtypography has been implemented by Adobe InDesign and more recent versions of pdfTeX.

The problem of loose lines is reduced by using hyphenation. With older typesetting systems and WYSIWYG word processors, this was done manually: the compositor or author added hyphenation on a case-by-case basis. Currently, most typesetting systems (also called layout programs) and modern word processors hyphenate automatically, using a hyphenation algorithm. In addition, professional typesetting programs almost always provide for the use of an exception dictionary, in part because no algorithm hyphenates all words correctly, and in part because different publishers will follow different dictionaries. Different publishers may also have different rules about permissible hyphenation. Most publishers follow a basic system such as the Chicago Manual of Style or Oxford style, but will overlay their own "house style", which further restricts permissible hyphenation.

Word-processing software usually uses a different kind of justification when dealing with Arabic texts. Using kashida, characters or glyphs are elongated instead of stretching the white spaces. Another technique sometimes used is word heaping.

## History

[edit]

Justification has been the preferred setting of type in many Western languages through the history of movable type. This is due to the classic Western manuscript book page being built of a column or two columns, which is considered to look "best" if it is even-margined on the left and right. The classical Western column did not rigorously justify, but came as close as feasible when the skill of the penman and the character of the manuscript permitted. Historically, both scribal and typesetting traditions took advantage of abbreviations (sigla), ligatures, and swashes to help maintain the rhythm and colour of a justified line.

Its use has waned somewhat only since the early 20th century through the advocacy of the typographer Jan Tschichold's book Asymmetric Typography and the freer typographic treatment of the Bauhaus, Dada, and Russian constructivist movements.

Not all "flush left" settings in traditional typography were identical. In flush left text, words are separated on a line by the default word space built into the font.

Continuous casting typesetting systems such as the Linotype were able to reduce the jaggedness of the right-hand sides of adjacent lines of flush left composition by inserting self-adjusting space bands between words to evenly distribute white space, taking excessive space that would have occurred at the end of the line and redistributing it between words. This feature is also available in desktop publishing systems, although most now default to more sophisticated approaches.

Graphic designers and typesetters using desktop systems also have the option to adjust word and letter spacing, or "tracking", on a manual line-by-line basis to achieve more even overall spacing. Some modern desktop publishing programs, such as Adobe InDesign, evaluate the effects of all the different possible line-break choices on the entire paragraph, to choose the one that creates the least variance from the ideal spacing while justifying the lines (so as to reduce rivers); this also gives the least uneven edge when set with a ragged margin.

## See also

[edit]

* Word wrap
* Runaround (typography)

## References

[edit]

1. ^ Bringhurst, R. (1996). The Elements of Typographic Style. Second Edition. Point Roberts, WA: Hartley & Marks.
2. ^ HTML 4.01 Specification
3. ^ a b Richard Francis Burton, Tale of the Tailor, The Book of One Thousand and One Nights
4. ^ Discussion of rivers and methods of avoiding them

* v
* t
* e

Typography

Page|

* Canons of page construction
* Column
* Even working
* Margin
* Page numbering
* Paper size
* Pagination
* Pull quote
* Recto and verso
* Intentionally blank page

Paragraph|

* Alignment
* Leading
* Line length
* River
* Runaround
* Widows and orphans
* runt

Character|

| Typeface anatomy|

* Counter
* Diacritics
* Dingbat
* Glyph
* Ink trap
* Ligature
* Rotation
* Subscript and superscript
* Swash
* Text figures
* Tittle

|

Capitalization|

* All caps
* Camel case
* Initial
* Letter case
* Small caps
* Snake case
* Title case

Visual distinction|

* Blackboard bold
* Bold
* Color printing
* Italics
* Oblique
* Underline
* Whitespace

Horizontal aspects|

* Figure space
* Kerning
* Letter spacing
* Pitch
* Sentence spacing
* Thin space
* Word spacing

Vertical aspects|

* Ascender
* Baseline
* Body height
* Cap height
* Descender
* Mean line
* Overshoot
* x-height

Typeface
classifications|

| Roman type|

* Serif
* Antiqua
* Didone
* slab serif
* Sans-serif

|

Blackletter type|

* Fraktur
* Rotunda
* Schwabacher

Gaelic type|

* Insular
* Uncial

Specialist|

* Record type
* Display typeface
* script
* fat face
* reverse-contrast

Punctuation (List)|

* Bullet
* Dash
* Hanging punctuation
* Hyphen
* minus sign
* Interpunct
* Space
* Vertical bar

Typesetting|

* Etaoin shrdlu
* Font
* computer
* monospaced
* Font catalog
* For position only
* Letterpress
* Lorem ipsum
* Microprinting
* Microtypography
* Movable type
* Pangram
* Phototypesetting
* Punchcutting
* Reversing type
* Sort
* Type color
* Type design
* Typeface
* list

Typographic units|

* Agate
* Cicero
* Em
* En
* Metric units
* Pica
* Point
* traditional point-size names
* Twip

Digital typography|

* Character encoding
* Hinting
* Text shaping
* Rasterization
* Typographic features
* Web typography
* Bézier curves
* Desktop publishing

Typography in other
writing systems|

* Arabic
* Cyrillic
* PT Fonts
* East Asian
* Thai
* National Fonts

Related articles|

* Penmanship
* Handwriting
* Handwriting script
* Calligraphy
* Style guide
* Type design
* Type foundry
* History of Western typography
* Intellectual property protection of typefaces
* Technical lettering
* Vox-ATypI classification

Related template|

* Punctuation and other typographic symbols

* Category

*[v]: View this template
*[t]: Discuss this template
*[e]: Edit this template