Text alignment

CSS file

Change the text-align property

sba- u- text-align--[VALUE]
Namespace
Prefix
BEM syntax
  • left (browser default)
  • center
  • right
U.S. Small Business Administration
U.S. Small Business Administration
U.S. Small Business Administration
<div class="sba-u-margin-y--2 sba-u-text-align--left">U.S. Small Business Administration</div>
<div class="sba-u-margin-y--2 sba-u-text-align--center">U.S. Small Business Administration</div>
<div class="sba-u-margin-y--2 sba-u-text-align--right">U.S. Small Business Administration</div>

Responsive text alignment

sba- u- lg- text-align--[VALUE]
Namespace
Prefix
Breakpoint
BEM syntax
<div class="sba-u-text-align--left sba-u-sm-text-align--center sba-u-md-text-align--right sba-u-lg-text-align--left sba-u-xl-text-align--center">U.S. Small Business Administration</div>