CSS text-align

Anonymous contributor's avatar
Anonymous contributor
Published Jun 30, 2021Updated Jun 25, 2024

To set the text alignment of inline contents.

  • Career path

    Front-End Engineer

    Front-end engineers work closely with designers to make websites beautiful, functional, and fast.
    • Includes 34 Courses
    • With Professional Certification
    • Beginner Friendly.
      115 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 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

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 Courses
    • With Professional Certification
    • Beginner Friendly.
      115 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 Courses
    • With Professional Certification
    • Beginner Friendly.
      150 hours