Center align text using CSS

Updated: May 9th, 2017

Learn how to center text in CSS.

Here's everything you'll need to complete this guide:

text editor	×	1
browser	×	1

The css property "text-align" can be applied to any HTML element containing text. For example:

<h1>Welcome!</h1>

Because h1 elements are display:block by default, the text can be aligned to the left, right or center. So adding

h1 {
    text-align: center;
}

This would center the heading "Welcome!" on the page.

text-align:center;