Центрирование DIV в теле [дубликат] ⇐ Html

[Anonymous]

Код: Выделить всё

body {
margin: 0;
position: relative;
}

.container {
background-color: red;
width: 750px;
height: 750px;
position: absolute;
top: 50%;
left: 50%;
}

.text {
font-family: 'Roboto';
color: white;
margin: 0;
}

Код: Выделить всё

 I am just a mere text in here 

Я очень не понимаю, как это работает. На курсе я узнал, что установка относительной позиции родительского элемента чего-либо может позволить мне центрировать его дочерний элемент, используя абсолютное позиционирование.
Если размер моего экрана составляет 1080p, почему это не приводит к центрированию дочернего элемента div родительского тела в центре экрана? Кажется, я этого вообще не понимаю.

Подробнее здесь: https://stackoverflow.com/questions/798 ... iv-in-body