City of Tampa Style Guide

Text Alignment 8.6

Toggle example guides Toggle HTML markup

Easily realign text to components with text alignment classes.

<insert-markup>typography.textalign-</insert-markup>

Left aligned text on all viewport sizes.

Center aligned text on all viewport sizes.

Right aligned text on all viewport sizes.

Right aligned text on viewports sized SM (small) or wider.

Right aligned text on viewports sized MD (medium) or wider.

Right aligned text on viewports sized LG (large) or wider.

Right aligned text on viewports sized XL (extra-large) or wider.

Source: src/scss/base/_typography.scss, line 342