Как сделать текст внизу блока CSS

Для того, чтобы текст был внизу блока, можно использовать свойство vertical-align со значением bottom. Например:

.block {
  display: inline-block;
  vertical-align: bottom;
}

Здесь мы задали блоку display: inline-block, чтобы он занимал только необходимое пространство и не выходил за пределы контейнера. Затем мы указали vertical-align: bottom, чтобы текст внутри блока был выровнен по нижнему краю.

Если вы хотите, чтобы текст был выровнен по центру блока, можно использовать значение middle:

.block {
  display: inline-block;
  vertical-align: middle;
}
реклама

Качественный хостинг сайтов

реклама

Получите консультацию нашего маркетолога

Изучит ваш проект, подберет подходящие услуги и тарифы

Получите бесплатный аудит

Наш специалист сделает базовый аудит вашего проекта и предложит персональные предложения.

Закажите услугу Как сделать текст внизу блока CSS

Наш специалист свяжется с вами в ближайшее время и уточнит детали