Как центрировать div на странице? (Высота ширина)?

Question

глупый вопрос, но я не могу найти ответ на него, так как все ответы предполагают центрирование div в терминах ширины.

Что мне нужно, так это центрировать div по средствам высоты и ширины, поэтому очень и оченьцентр страницы.

Я пробовал это, но он просто центрирует div по ширине страницы без высоты.

#myDiv {
   width: 500px;
   height: 500px;
   margin: auto;
}

Так как я могу получить это в ОЧЕНЬ центре страницы?)))

Answer 1

Создайте оболочку с идентификатором wrapper вокруг элемента #myDiv и примените этот код CSS:

#wrapper{
    display: table;
}
#myDiv{
    display: table-cell;
    vertical-align: middle; /*Vertically centered*/
    text-align: center; /* Horizontally centered */
}

Этот код центрирует элементы любой ширины / высоты.

Answer 2

position: absolute;
left: 50%;
top: 50%;
margin-left: -250px; /*(half of width)*/
margin-top: -250px;  /*(half of height)*/

это должно работать.