246996016-HTML5-Step-by-Step

136 Chapter 8
Notice that the justify option aligns all lines of the paragraph (except the last one) at
both the right and left. The last line of a justified paragraph is always left-aligned. Justified
text can sometimes result in awkwardly spaced lines, especially when the text column
is fairly narrow, such as in the following example:
On a full-size Web page, justified paragraphs should not be a problem, because there is
enough text to ensure even spacing. However, when you start working with table-based
or division-based page layouts (such as those presented in Part 3 of this book) you might
have some narrow columns of text like the one in the previous example. Avoid using
justified alignment for text in narrow columns whenever possible.
In this exercise, you will change the alignment of certain elements by editing the embedded
style sheet.
SET UP Use the spray.htm file in the practice file folder for this topic. This file is
located in the Documents\Microsoft Press\HTML5 SBS\08Paragraphs\Indenting
folder. Open the spray file in Notepad and in Internet Explorer.
1. In the area, create the following style rule:
h1, h2, {text-align: center}
2. Save the file, and then refresh the Internet Explorer display.
3. Change the style definition for the tag to use justified alignment.
p {text-indent: 20px; padding-left: 20px; text-indent: 20px; text-align:
justify}