Page Comparison

Include Page

	Infusion13:Styles for FSS examplesInfusion13:
	Styles for FSS examples

Divsection

class	fl-col-mixed-200

{div2:class=fl-col-fixed fl-force-left} {include:FSS text examples navigation} {div2} {div2:class=fl-col-flex} h2. Text alignment {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:html}

Wiki Markup

Column

Include Page

	FSS text examples navigation
	FSS text examples navigation

Include Page

	FSS Links Panel
	FSS Links Panel

Column

Text alignment

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>

{code}

NOTE:

The

{{

fl-text-align-*

}}

classes

are

applied

to

the

paragraph

Versions Compared

Old Version 2

New Version Current

Key

Text alignment