Как изменить вертикальное расположение элементов на веб-странице?

Для изменения вертикального расположения элементов на веб-странице можно использовать различные методы, например:

• Свойство vertical-align. habr.com doka.guide Применяется к элементам, которые нужно выровнять, а не к родительскому элементу. doka.guide Некоторые значения свойства: baseline (по умолчанию), top (верхняя граница элемента находится на уровне верхней границы строки), middle (элемент выравнивается по центру) и другие. doka.guide
• Выравнивание с помощью line-height. habr.com Если внутренний блок должен занимать не более одной строки текста, то можно задать свойство line-height равным высоте внешнего блока. habr.com
• Выравнивание с помощью отрицательного margin-top. habr.com Этот способ применяют, когда высота внешнего блока неизвестна, но известна высота внутреннего. habr.com Нужно задать внешнему блоку относительное позиционирование, а внутреннему — абсолютное. habr.com
• Выравнивание с помощью псевдоэлемента. habr.com Это универсальный способ, который может применяться, когда неизвестны высоты обоих блоков. habr.com Суть способа в добавлении внутри внешнего блока строчного блока inline-block высотой в 100% и задания ему вертикального выравнивания. habr.com
• Использование Flexbox. habr.com blog.logrocket.com Этот способ позволяет контролировать размещение элементов и распределение свободного пространства. blog.logrocket.com
• Абсолютное позиционирование. blog.logrocket.com С помощью свойств, таких как position, margin: auto и transform, можно центрировать элементы внутри их контейнеров. blog.logrocket.com