Центрирование текста с подразделениями VW и VH ⇐ Html

[Anonymous]

Я хочу сосредоточить текст (а именно H1) как вертикально, так и горизонтально, используя только единицы VH и VW < /strong>.
мое HTML -корпус выглядит так, < /p>

Centered text.

< /code>
Мой простой CSS (SCSS) выглядит так, < /p>
* {
margin: 0;
padding: 0;
}

.centered_text {
margin: 50vh 50vw;
}
< /code>
Проблема в том, что текст идет больше по правой стороне экрана. Я понял, что когда я установил ширину H1 на фиксированную и вычитаю половину этой ширины с поля с функцией CALC, кажется, что он работает, но я действительно не знаю, почему. Код это, < /p>
* {
margin: 0;
padding: 0;
}

.centered_text {
margin: 50vh calc(50vw - 75px);
h1 {
width: 150px;
}
}
< /code>
Мои два вопроса: < /p>

Почему это работает?>

Подробнее здесь: https://stackoverflow.com/questions/675 ... d-vh-units