Задать вопрос
@pinokio82
css

Как прижать текст к низу блока?

Мужики, можно ли как-нибудь прижать текст к низу в том виде, в котором HTML, без обертываний в span, p, и div?

table-cell не помогает, тк ломаются сами родительские блоки, хотя текст к низу липнет.
Дело в том, что в этих двух блоках текст может быть как одно слово, так и в две строки.

https://jsfiddle.net/Stas22/tkp9dr6L/
  • Вопрос задан
  • 72224 просмотра
Комментировать
Подписаться 3 Оценить Комментировать
Пригласить эксперта
Ответы на вопрос 2
webirus
@webirus
Тыжверстальщик! Наверстай мне упущенное...
1) https://jsfiddle.net/webirus/tkp9dr6L/1/
#main {
    display: flex;
    align-items: flex-end;
}

2) https://jsfiddle.net/webirus/tkp9dr6L/2/
#main {
    display: table-cell;
    vertical-align: bottom;
}

3) https://jsfiddle.net/webirus/tkp9dr6L/3/
#block1, #block2 {
    display: flex;
    align-items: flex-end;
}
Ответ написан
5 комментариев
5 комментариев
AndrewHaze
@AndrewHaze
Умею гуглить яндексом
Ну тогда 
#block2 {
   display: flex;  
   align-items: flex-end;
   background-color:#CC9933;
}
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend-разработчик (React)
ДАЛЕЕ
от 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Скопировать дизайн со скриншотов с небольшими правками в figma
06 мая 2024, в 21:43
1500 руб./за проект
Трафик для крипто канала
06 мая 2024, в 20:44
30000 руб./за проект
Нужно создать простое приложение для управления инфо-ресурсами предп
06 мая 2024, в 20:35
5000 руб./за проект
Ещё заказы