Center Horizontal with CSS

Published 7 years ago.
Last updated

Demo

This div is centered.

HTML

<header>
    <div id="logo"></div>
</header>

CSS

header
{
    width: 100%;
    min-hight: 200px;
    position: relative;
}
header #logo
{
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
}