Center align text using CSS

Tyler Tyler (271)

Learn how to center text in CSS.

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

text editor×1

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


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.