Skip to main content

Text Aligns

Version: 0.9.0
Edit

Utilities for setting horizontal alignment of a block element.

Keywords

Author: Mary Ditchen
Since: 0.9.0
Source: /source/patterns/utilities/text-aligns.scss#L11

Text Align Left

Text Align Center

Text Align Right

Text Align Justify

<!-- text align left -->
<p class="u-text-align-left">Text Align Left</p>
<!-- text align center -->
<p class="u-text-align-center">Text Align Center</p>
<!-- text align right -->
<p class="u-text-align-right">Text Align Right</p>
<!-- text align justify -->
<p class="u-text-align-justify">Text Align Justify</p>

Globals

Author: Mary Ditchen
Since: 0.9.0
Source: /source/patterns/utilities/text-aligns.scss#L44

Text Align Inherit

Text Align Initial

Text Align Unset

<!-- text align inherit -->
<p class="u-text-align-inherit">Text Align Inherit</p>
<!-- text align initial -->
<p class="u-text-align-initial">Text Align Initial</p>
<!-- text align unset -->
<p class="u-text-align-unset">Text Align Unset</p>