Как вертикально центрировать H1 в div? ⇐ CSS

[Anonymous]

Прежде всего, мои извинения. Я знаю, что здесь опубликованы различные решения этой проблемы, но хоть убей, я не могу заставить ни одно из них работать.

Для адаптивного веб-сайта я пытаюсь центрировать h1 в div.

Центрирование по горизонтали не является проблемой, но у меня возникли проблемы с его центрированием по вертикали. Предположительно, я делаю что-то не так или неправильно понимаю объяснения, которые я нашел здесь (или, может быть, и то, и другое).

Поэтому, поскольку я, вероятно, неверно интерпретирую предыдущие решения, возможно, кто-нибудь, пожалуйста, объясните, что именно мне нужно добавить в код ниже, чтобы h1 располагался по центру по вертикали?

(Чтобы сделать этот вопрос актуальным для как можно большего числа людей, я уже сам удалил код всех своих предыдущих попыток сделать это.)

CSS:

html, body {
height: 100%;
margin: 0;
}

#section1 {
min-height: 90%;
text-align:center
}


HTML:


Lorem ipsum



Подробнее здесь: https://stackoverflow.com/questions/205 ... 1-in-a-div