Text Align

Control the text aligment of an element in your HTML

• How to
  • HTML Example:
• HTML
  • u-text-align--center
  • u-text-align--right
  • u-text-align--left

How to

To use these styles in a Vue component SCSS, you'll need:

@import '~@skyline/scss/src/core/UI.required';
@import '~@skyline/scss/src/utilities/utilities.text-align';

HTML Example:

<div class="u-text-align--center">This elements' text would be centered</div>
<div class="u-text-align--right">
  This elements' text would be right aligned
</div>
<div class="u-text-align--left">This elements' text would be left aligned</div>

HTML

u-text-align--center

Aligns text to the center.

u-text-align--right

Aligns text to the right.

u-text-align--left

Aligns text to the left.