<%= head %> <%= siteHeader %>

Text Align

Designing for readability across infinite screen-sizes often times requires setting elements to have different text-alignments across breakpoints.

These are simple utilities for setting text-alignment to the left, right, or center of an element.

Examples

<p class="tl">Aligned Left</p>

Aligned Left

<p class="tr">Aligned Right</p>

Aligned Right

<p class="tc">Aligned Center</p>

Aligned to the center

Reference

MDN - Text Align

<%= name %>

v<%= moduleVersion %> <%= moduleSize %>
Declarations
<%= moduleObj.declarations.total %>
Selectors
<%= moduleObj.selectors.total %>
Max. Specificity Score
<%= moduleObj.selectors.specificity.max %>
Size of Avg. Rule
<%= moduleObj.rules.size.average %>
src/_text-align.css

<%= srccss  %>

<%= navDocs %>
<%= siteFooter %> <%= googleAnalytics %>