Question

So far I have this:

<style>
#success_notification {
position:absolute;
top:0;
width:30%;
text-align:center;
    font:20px Georgia;
    color:#5C5C5C;
    background:#F2FFED;
    padding:10px;
}

</style>

<div style="margin:0 auto;"><div id='success_notification'>TESTING.</div></div>

and the div stays on the left… still. What am I doing wrong? Thanks.

Answer 1

You aren’t setting left or right, causing your absolutely-positioned element to default to a left of 0. Try this:

#success_notification {
    position: absolute;
    top: 0;
    left: 35%;
    width: 30%;
    text-align: center;
    font: 20px Georgia;
    color: #5C5C5C;
    background: #F2FFED;
    padding: 10px;
}