Как сделать текст внизу блока 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;
}