text-align
Anonymous contributor
Published Jun 30, 2021Updated Jun 25, 2024
Contribute to Docs
To set the text alignment of inline contents.
Syntax
text-align: <text-align-value>;
The text-align-value
can be the following:
left
center
right
Example 1
In the example below, the text-align
property for the p
tag is set to center
, which aligns the text inside the paragraph to the center:
p {text-align: center;}
The above code produces the following output:
Contribute to Docs
- Learn more about how to get involved.
- Edit this page on GitHub to fix an error or make an improvement.
- Submit feedback to let us know how we can improve Docs.
Learn CSS on Codecademy
- Career path
Front-End Engineer
Front-end engineers work closely with designers to make websites beautiful, functional, and fast.Includes 34 CoursesWith Professional CertificationBeginner Friendly115 hours - Career path
Full-Stack Engineer
A full-stack engineer can get a project done from start to finish, back-end to front-end.Includes 51 CoursesWith Professional CertificationBeginner Friendly150 hours - Free course
Learn CSS
In this CSS tutorial, you’ll learn how to add CSS to visually transform HTML into eye-catching sites.Beginner Friendly6 hours