Vertical and horizontal CSS centering in the browser window.

Used http://javascript.ru/blog/subzey/Otkaz-js-kak-optimizaciya-js-chast-1 http://bporodko.blogspot.com/2007/11/blog-post_26.html

by Apostle

HTML

<div class="error">
    <span>
        You have not authorization
        <br>
        <a href="http://example.com">
            Click the link for authorization
        </a>
    </span>
</div>
<div style="color: gray;">
Test text, test text, test text, <br>
test text, test text, test text, <br>
test text, test text, test text, <br>
test text, test text, test text, <br>
test text, test text, test text, <br>
test text, test text, test text, <br>
test text, test text, test text, <br>
test text, test text, test text, <br>
test text, test text, test text, <br>
test text, test text, test text, <br>
test text, test text, test text, <br>
test text, test text, test text, <br>
test text, test text, test text, <br>
test text, test text, test text, <br>
test text, test text, test text, <br>
test text, test text, test text, <br>
test text, test text, test text, <br>
test text, test text, test text, <br>
test text, test text, test text, <br>
test text, test text, test text, <br>
test text, test text, test text, <br>
test text, test text, test text, <br>
test text, test text, test text, <br>
test text, test text, test text, <br>
test text, test text, test text, <br>
test text, test text, test text, <br>
test text, test text, test text, <br>
test text, test text, test text, <br>
test text, test text, test text, <br>
test text, test text, test text, <br>
test text, test text, test text, <br>
test text, test text, test text, <br>
test text, test text, test text, <br>
test text, test text, test text, <br>
test text, test text, test text, <br>
test text, test text, test text, <br>
test text, test text, test text, <br>
test text, test text, test text, <br>
test text, test text, test text, <br>
test text, test text, test text, <br>
test text, test text, test text. <br>

CSS

div.error {    
    text-align: center;
    position: fixed;
    top: 50%;
    left: 50%;
    width: 480px;
    height: 100px;
    margin: -50px 0 0 -240px;
    background: green;    
    display: table;
}

div.error span {
    display: table-cell;
    vertical-align: middle;
}