CSS Centering Using text-align


The most common and easiest type of centering is that of lines of text in an element. CSS has the rule text-align: center for this purpose:


<p>Lorem ipsum</p>


p {
    text-align: center;

This does not work for centering entire block elements. text-align controls only alignment of inline content like text in its parent block element.

See more about text-align in Typography section.