Typography

Text Align

Utilities for sets the alignment of text.

Variant

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

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