Centering with CSS

By Xah Lee. Date: . Last updated: .

This page shows you how to center HTML element using CSS.

Here's a centered element.

I'M IN CENTER

Here's the code:

<div style="
margin-left: auto;
margin-right: auto;
text-align:center;
color:red;
">I'M IN CENTER</div>

Use text-align:center to center a text inside a tag.

Use margin-left:auto; margin-right:auto; to center a block level tag.

Liket it? Put $5 at patreon.

Or, Buy JavaScript in Depth