Steve Steve - 5 months ago 12
CSS Question

Center Align on a Absolutely Positioned Div

div#thing
{
position: absolute;
top: 0px;
z-index: 2;
margin: 0 auto;
}

<div id="thing">
<p>text text text with no fixed size, variable font</p>
</div>


The div is at the top, but I can't center it with
<center>
or
margin: 0 auto
;

Answer

Your problem may be solved if you give your div a fixed width, as follows:

div#thing
{
    position: absolute;
    top: 0px;
    z-index: 2;
    width:400px;
    margin-left:-200px;
    left:50%;
}