CHAPTER 12 ■ ALIGNING CONTENT
Horizontal-Aligned Content
HTML
<h1>Horizontal-Aligned Content</h1>
<p class="align-left"><code>text-align:left</code></p>
<p class="align-center"><code>text-align:center</code></p>
<p class="align-right"><code>text-align:right</code></p>
<p class="align-justify"><code>text-align:justify</code> justifies the content so
that it is aligned to the left side and the right side. Most browsers adjust
the space between the words and objects to justify the text.</p>
CSS
.align-left { text-align:left; }
.align-center { text-align:center; }
.align-right { text-align:right; }
.align-justify { text-align:justify; }
/* Nonessential rules are not shown. */