Text Align

vel-src: typography.css

Utilities for controlling the alignment of text.

Class	Properties
vel-text-left	text-align: left
vel-text-center	text-align: center
vel-text-right	text-align: right
vel-text-justify	text-align: justify
vel-text-start	text-align: start
vel-text-end	text-align: end

Examples

Text alignment

vel-text-left — Left aligned text

vel-text-center — Centered text

vel-text-right — Right aligned text

example.html

<div class="vel-flex vel-flex-col vel-gap-3">
  <p class="vel-text-left" style="background:#1a2236;padding:10px 14px;border-radius:6px;color:#e2e8f0">vel-text-left — Left aligned text</p>
  <p class="vel-text-center" style="background:#1a2236;padding:10px 14px;border-radius:6px;color:#e2e8f0">vel-text-center — Centered text</p>
  <p class="vel-text-right" style="background:#1a2236;padding:10px 14px;border-radius:6px;color:#e2e8f0">vel-text-right — Right aligned text</p>
</div>