Как правильно выровнять этот блок по нижнему краю?

Question

[Cosmonaut .]

Как правильно выровнять этот блок по нижнему краю?
заранее всем спасибо.

Answer 1

[iBird Rose]

через absolute. задав relative всему блоку где лежит и картинка и текст.
p.s. и не забыть указать для текста margin-bottom равный высоте этой штуки которую ты поставил абсолютом. чтобы текст не наезжал.

Answer 2

[xtala zen]

Как по мне выравнивание с помощью absolute это костыльное решение, которое посыпется в самый не нужный момент. Учитесь мыслить блоками и представлять как браузер обрабатывает информацию, как идет на страницу так называемый поток элементов. На скриншоте у вас их три. Серый квадрат - lorem - и строка с датой(футер) . Это три блока. У всех трех вы можете задать марджины и паддинги чтобы выровнять содержимое как вам надо. Прилипание содержимого к правому и левому краю осуществляется с помощью свойств float:left; и float:right;. Только не забудьте, что эти свойства применяются к блочным элементам. Поэтому можете обернуть дату и еще, что там у вас в дополнительные маленькие блоки и манипулировать ими по своему усмотрению. Как вариант можно преобразовывать строчные элементы в блочные.

Answer 3

[Сергей]

Можно еще воспользоваться flexbox
это правильней чем абсолютное позиционирование, но сложнее в постижении
https://css-tricks.com/snippets/css/a-guide-to-flexbox/