Center div on the middle of screen [duplicate]

Answer 1

The best way to align a div in center both horizontally and vertically will be

HTML

CSS:

div {
    position: absolute;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100px;
    height: 100px;
    background-color: blue;
}

FIDDLE