Centered Block

Centered block. Horizontal and Vertical.

by rulokc

HTML

<div class="centered">Resize the window</div>

CSS

.centered {
    background-color: lime;
    width: 200px;
    height: 100px;
    
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    margin: auto;
}