Typography

Text Align

Utilities for sets the alignment of text.

Variant

Active Checked Child-Selection Dark Mode Disabled Expand First-Last-Selection First-Letter Focus Focus-Visible Focus-Within Fullscreen Group-Focus Group-Hover Hover Landscape Light Mode Portrait Reduce-Motion Responsive Selection-Hover Visited

API

class	css
text-left	text-align: left
text-center	text-align: center
text-right	text-align: right
text-justify	text-align: justify

Usage

Set text align to left.

Text

<div class="text-left">
  ...
</div>

HTML

.dummy {
  @extend
    .text-left;
}

SCSS

Set text align to right.

Text

<div class="text-right">
  ...
</div>

HTML

.dummy {
  @extend
    .text-right;
}

SCSS

Set text align to center.

Text

<div class="text-center">
  ...
</div>

HTML

.dummy {
  @extend
    .text-center;
}

SCSS

Set text align to justify.

Text Text Text Text Text Text Text

<div class="text-justify">
  ...
</div>

HTML

.dummy {
  @extend
    .text-justify;
}

SCSS