/    Sign up×
Reference /Pin to ProfileBookmark

The text-align property designates the horizontal alignment of text within an element.

Syntax

Examples:

div.c {
  text-align: center;
}

div.l {
  text-align: left;
}

div.r {
  text-align: right;
}

div.j {
  text-align: justify;
}

Values

left
Default value if text direction is left to right. Aligns text to the left.

right
Default value if text direction is right to left. Aligns text to the right.

center
Text is centered.

justify
Like in newspapers and magazines, the text is spaced so that each line is equal width.

initial
Sets the property to its default value.

inherit
Inherits this property’s value from its parent item.

Browser Compatibilty

Demos

Have a code example of text-align? Submit a codepen.io demo and we'll showcase it here

to submit a demo.
CSS
×

Success!

Help @reference spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 3.3,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,

tipper: @Samric24,
tipped: article
amount: 1000 SATS,

tipper: Anonymous,
tipped: article
amount: 10 SATS,
)...