Alignment Others
Styles

Float (float)

Left (u-float-left)

Right (u-float-right)
<p class="u-float-left">Left (u-float-left)</p> <p class="u-float-right">Right (u-float-right)</p>

Text alignment (text)

Center (u-text-center)

Left (u-text-left)

Right (u-text-right)
<p class="u-text-center">Center (u-text-center)</p> <p class="u-text-left">Left (u-text-left)</p> <p class="u-text-right">Right (u-text-right)</p>

Typography (typography)

Lead (lead)

Mercury (txt-mercury)

Venus (txt-venus)

Earth (txt-earth)

Mars (txt-mars)

Jupiter (txt-jupiter)

Saturn (txt-saturn)

Pluto (txt-pluto)

Eris (txt-eris)
<p class="lead">Lead (lead)</p> <p class="txt-mercury">Mercury (txt-mercury)</p> <p class="txt-venus">Venus (txt-venus)</p> <p class="txt-earth">Earth (txt-earth)</p> <p class="txt-mars">Mars (txt-mars)</p> <p class="txt-jupiter">Jupiter (txt-jupiter)</p> <p class="txt-saturn">Saturn (txt-saturn)</p> <p class="txt-pluto">Pluto (txt-pluto)</p> <p class="txt-eris">Eris (txt-eris)</p>

Full width (full_width)

Create a full-viewport-width element inside a limited width parent

Full width (u-full-width)
<p class="u-full-width">Full width (u-full-width)</p>

Full width (center)

Horizontally center a block-level item

Center (u-center)
<p class="u-center">Center (u-center)</p>

No margin (no_margin)

For removing all margins or just the top margin from an element

All (u-no-margin u-no-margin)

All (u-no-margin.u-no-margin)
<p class="u-no-margin u-no-margin">All (u-no-margin u-no-margin)</p> <p class="u-no-margin.u-no-margin">All (u-no-margin.u-no-margin)</p>