Web Design in a Nutshell, 3rd Edition

The resulting text behavior of the various text-align property keyword values should be fairly intuitive as illustrated in Figure 18-14.

    p { text-align: left; }
    p { text-align: right; }
    p { text-align: center; }
    p { text-align: justify; }

It is worth pointing out that the text-align property controls the horizontal alignment of the inline elements within the element, not the alignment of the element itself. In other words, it is not equivalent to the deprecated center element. Notice that the paragraph elements in Figure 18-14 remain aligned on the left margin.

Figure 18-14. The text-align property

Tip

The proper way to horizontally align elements is through manipulation of their left and right margins, as discussed in Chapter 19.