CSS text-align center examples.

CSS: text-align center

Written by
Vinish Kapoor is a seasoned software development professional and a fervent enthusiast of artificial intelligence (AI). His impressive career spans over 20 years, marked by a relentless pursuit of innovation and excellence in the field of information technology. As an Oracle ACE, Vinish has distinguished himself as a leading expert in Oracle technologies, a title awarded to individuals who have demonstrated their deep commitment, leadership, and expertise in the Oracle community.
  • CSS
  • 1 min read

In CSS, using the center value with the text-align property, you can make the contents of that element in the center. In this tutorial, we will see how to use the text-align center CSS property to make the things in center.

CSS text-align Property Syntax

text-align: center;

CSS text-align Examples

Make the paragraph text center-aligned

To make the text center for a paragraph use the following CSS code:

p {
  text-align: center;
}

Make all h2 heading in the center

To align all the h2 headings in the page, use the h2 tag and the text-align property with center value:

h2 {
  text-align: center;
}

Make Tabel headers and Footers Text in center

tbody th { text-align: right; }
thead th { vertical-align: bottom; }

tfoot th { vertical-align: top; }
thead th, tfoot th { text-align: left; }

So here we have given some examples of the CSS text-align center to make the contents of an element in the center.

Reference:

Read also: