Pro HTML5 and CSS3 Design Patterns

(avery) #1

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. */
Free download pdf