Для того, чтобы текст был внизу блока, можно использовать свойство vertical-align со значением bottom. Например:
.block {
display: inline-block;
vertical-align: bottom;
}
Здесь мы задали блоку display: inline-block, чтобы он занимал только необходимое пространство и не выходил за пределы контейнера. Затем мы указали vertical-align: bottom, чтобы текст внутри блока был выровнен по нижнему краю.
Если вы хотите, чтобы текст был выровнен по центру блока, можно использовать значение middle:
.block {
display: inline-block;
vertical-align: middle;
}





