Alizoda
@Alizoda
WEB DESIGNER

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

dc250b56723d426cabe33059ad1c9803.jpg
Как правильно выровнять этот блок по нижнему краю?
заранее всем спасибо.
  • Вопрос задан
  • 1151 просмотр
Решения вопроса 1
iiiBird
@iiiBird Куратор тега CSS
Пока ты спишь - твой конкурент совершенствуется
через absolute. задав relative всему блоку где лежит и картинка и текст.
p.s. и не забыть указать для текста margin-bottom равный высоте этой штуки которую ты поставил абсолютом. чтобы текст не наезжал.
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 2
xtala
@xtala
Постигает Дзен
Как по мне выравнивание с помощью absolute это костыльное решение, которое посыпется в самый не нужный момент. Учитесь мыслить блоками и представлять как браузер обрабатывает информацию, как идет на страницу так называемый поток элементов. На скриншоте у вас их три. Серый квадрат - lorem - и строка с датой(футер) . Это три блока. У всех трех вы можете задать марджины и паддинги чтобы выровнять содержимое как вам надо. Прилипание содержимого к правому и левому краю осуществляется с помощью свойств float:left; и float:right;. Только не забудьте, что эти свойства применяются к блочным элементам. Поэтому можете обернуть дату и еще, что там у вас в дополнительные маленькие блоки и манипулировать ими по своему усмотрению. Как вариант можно преобразовывать строчные элементы в блочные.
Ответ написан
Комментировать
@void01
Можно еще воспользоваться flexbox
это правильней чем абсолютное позиционирование, но сложнее в постижении
https://css-tricks.com/snippets/css/a-guide-to-flexbox/
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы