This documentation is currently being moved to our new documentation site.

Please view or edit the documentation there, instead.

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

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 2 Next »

NOTE: FSS is deprecated as of 1.5

All Text Examples

Font size

Font family

Letter spacing

Text alignment

Colours and Highlight colours

Styles


NOTE: FSS is deprecated as of 1.5
FSS Documentation

Fluid Skinning System - FSS
FSS Naming Conventions
FSS Cheat Sheet
Mobile FSS Cheat Sheet

Demos: Columns
Demos: Tabs, Menus, etc.
Demos: Text
Demos: Themes

HTML and CSS Background
CSS Bugs, Gotchas

Still need help?

Join the infusion-users mailing list and ask your questions there,
or hang out in our  IRC Channel.

Text alignment

Unknown macro: {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>

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