Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Migrated to Confluence 5.3
Include Page
docs:Styles for FSS examplesdocs:
Styles for FSS examples
Section
Column
Include Page
docs:FSS text examples navigationdocs:
FSS text examples navigation
Include Page
docs:FSS Links Paneldocs:
FSS Links Panel
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}

alignment

The markup and classes used to produce this example:

Column
Wiki Markup
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

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.