Child pages
  • FSS Text - Text alignment

Documentation for a historical release of Infusion: 1.3
Please view the Infusion Documentation site for the latest documentation.
If you're looking for Fluid Project coordination, design, communication, etc, try the Fluid Project Wiki.

Skip to end of metadata
Go to start of metadata

Error rendering macro 'html'

Your Confluence administrator has disallowed the use of Javascript in the HTML macro. This setting can be changed using HTML for Confluence Configuration. Please see your administrator for details.

Text alignment

This text is left-aligned.

This text is right-aligned.

This text is center-aligned.

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.

The markup and classes used to produce this example:

<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.

  • No labels