Как выравнять текст по вертикали?

Question

[Анатолий]

Можно ли выравнять текст по вертикали в верхнем окне, только с помощью CSS, т.е. не добавления теги в html?

код здесь:
https://codepen.io/workcode/pen/MdayZR

Answer 1

[Дима Паутов]

https://codepen.io/bootd/pen/xNwVvV

Comments

[Анатолий]

А как быть, если в верхнем окне дописать предложение?
Которое нужно вставить с новой строки.
Если нужно текст вставить в тег div или p, вставляйте.
Главное перенести текст (абзац) на новую строку.

[Анатолий]

забыл уточнить, что нельзя обернуть все это в тег
т.е.

<div>
 Предложение 1 <br>
 Предложение 2
</div>

можно только так:

<p> Предложение 1</p>
<p> Предложение 2</p>

[Дима Паутов]

Анатолий, тогда никак! Только обернуть текст в дополнительный тег

Answer 2

[NaN]

Здесь все есть

Comments

[NaN]

Анатолий, за решением - на фриланс. Здесь помогают, а не делают все за вас. Тем более, что в моем ответе можно найти решение, зная на минимальном уровне css и html

[Анатолий]

NaN, прочитал второй раз статью, мне даже близко ничего не подходит в теории, про практику и речь не идет.

[NaN]

Анатолий, на класс section

display: flex;
align-items: center;

[Анатолий]

NaN, этот вариант отмечен решением. Смысл его копировать?

[NaN]

Анатолий, я и не копирую, а отвечаю на это. Флексы и есть решение.

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