CSS text-align

christian.dinh's avatar
Published Jun 30, 2021Updated Jun 25, 2024
Contribute to Docs

To set the text alignment of inline contents.

  • Front-end engineers work closely with designers to make websites beautiful, functional, and fast.
    • Includes 34 Courses
    • With Professional Certification
    • Beginner Friendly.
      115 hours
  • A full-stack engineer can get a project done from start to finish, back-end to front-end.
    • Includes 51 Courses
    • With Professional Certification
    • Beginner Friendly.
      150 hours

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:

Centered text inside the paragraph

All contributors

Contribute to Docs

Learn CSS on Codecademy

  • Front-end engineers work closely with designers to make websites beautiful, functional, and fast.
    • Includes 34 Courses
    • With Professional Certification
    • Beginner Friendly.
      115 hours
  • A full-stack engineer can get a project done from start to finish, back-end to front-end.
    • Includes 51 Courses
    • With Professional Certification
    • Beginner Friendly.
      150 hours