Horizonal center aligned layer

wow?

by Ukjin Yang

HTML

<div id="asd">
    <div>this is test.</div>
</div>
<div id="centermark">|</div>

CSS

html,body{width:100%;height:100%;background-color:gray;}
#asd{position:absolute;
    left:50%;top:25%;
}
#asd>div{float:right;position:relative;left:-50%;bottom:50%;padding:1em;background-color:white;}

/*#centermark{position:absolute;top:40%;left:50%;width:200px;margin-left:-100px;background-color:white;text-align:center;}*/

JavaScript

$('#asd>div').click(function(){
    $(this).append('a');
}).dblclick(function(){
    $(this).append('<br/>');
});