{html}
<div class="fl-container-250 fl-centered">
<p class="fl-text-align-left">This text is left-aligned.</p>
<p class="fl-text-align-right">This text is right-aligned.</p>
<p class="fl-text-align-center">This text is center-aligned.</p>
<p class="fl-text-align-justify">This text is justified. Phasellus facilisis porta sem id placerat. Donec eu viverra erat. In quis velit leo, ac imperdiet lectus. Sed cursus ultrices turpis, quis fermentum neque convallis nec.</p>
</div>
{html}
The markup and classes used to produce this example:
Code Block
html
html
<div class="fl-container-250 fl-centered">
<p class="fl-text-align-left">This text is left-aligned.</p>
<p class="fl-text-align-right">This text is right-aligned.</p>
<p class="fl-text-align-center">This text is center-aligned.</p>
<p class="fl-text-align-justify">This text is justified.
Phasellus facilisis porta sem id placerat. Donec eu viverra erat.
In quis velit leo, ac imperdiet lectus. Sed cursus ultrices turpis,
quis fermentum neque convallis nec.</p>
</div>
NOTE: The fl-text-align-* classes are applied to the paragraph tags and so apply only that paragraph. The class could be applied to a <div> surrounding many paragraphs to apply the style to all paragraphs.