text-align: center не работает вертикально в CSS, как я могу обойти это?

Я работаю с div, который содержит только текст. Он использует абсолютное позиционирование для центрирования себя поверх изображения div, которое использует относительное позиционирование. Я могу центрировать div по горизонтали в CSS, если я использую

div { text-align:center; width:100%; }

Но когда я пытаюсь центрировать его по вертикали, используя

div { text-align:center; height:100%; }

это не вертикально по центру. Я предполагаю, что это потому, что text-align: center указывает только горизонтально .. Как я мог обойти это? Я видел пару решений, которые работали бы, если бы внешний div был фиксированного размера, но внешний div не фиксированного размера. Это жидкость, поэтому мне нужно, чтобы она работала также плавно. Я пробовал использовать top: 50%, но я хочу, чтобы он был идеально отцентрирован ... Я довольно неопытен, поэтому будьте спокойны

Ответы на вопрос(3)

Ваш ответ на вопрос