Skip to main content
U.S. flag

An official website of the United States government

Dot gov

The .gov means it’s official.
Federal government websites often end in .gov or .mil. Before sharing sensitive information, make sure you’re on a federal government site.

Https

The site is secure.
The https:// ensures that you are connecting to the official website and that any information you provide is encrypted and transmitted securely.

Utilities

Text align

Change the alignment of text or elements. This utility also responsive prefixes.

Text align

CSS property: text-align

.vads-u-text-align--left

To fulfill President Lincoln's promise “To care for him who shall have borne the battle, and for his widow, and his orphan” by serving and honoring the men and women who are America’s veterans.

.vads-u-text-align--center

To fulfill President Lincoln's promise “To care for him who shall have borne the battle, and for his widow, and his orphan” by serving and honoring the men and women who are America’s veterans.

.vads-u-text-align--right

To fulfill President Lincoln's promise “To care for him who shall have borne the battle, and for his widow, and his orphan” by serving and honoring the men and women who are America’s veterans.

.vads-u-text-align--justify

To fulfill President Lincoln's promise “To care for him who shall have borne the battle, and for his widow, and his orphan” by serving and honoring the men and women who are America’s veterans.

Responsive prefixes

Add a responsive breakpoint prefix separated with a : to target a utility at a responsive breakpoint and higher, following a mobile-first methodology.

---
layout: iframe
permalink: utilities/html/text-align
---
<p class="vads-u-text-align--right medium-screen:vads-u-text-align--left large-screen:vads-u-text-align--center">To fulfill President Lincoln's promise “To care for him who shall have borne the battle, and for his widow, and his orphan” by serving and honoring the men and women who are America’s veterans.</p>

Example

<div class="vads-u-text-align--left large-screen:vads-u-text-align--center">
breakpoint-name width
xsmall-screen 320px
small-screen 481px
medium-screen 768px
small-desktop-screen 1008px
large-screen 1201px