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

Question

[Pinokio]

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

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

https://jsfiddle.net/Stas22/tkp9dr6L/

Answer 1

[Сергей Горячев]

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;
}

Comments

[Pinokio]

Не, стойте. Мне нужно текст прижать, а не дивы. Дивы пусть будут наверху.

[Егор Живагин]

Стас Антонов: тогда... вниз чего? Текст лежит в блоках. Внизу каждого блока лежит. Его некуда прижимать)

[Pinokio]

Одно слово "документ" нужно сделать на уровне второй строки левого блока. Обычное выравнивание по нижней части ячейки. Не могу сделать и всё тут.

[Сергей Горячев]

Стас Антонов: https://jsfiddle.net/webirus/tkp9dr6L/3/ а додуматься не?

[Pinokio]

Спасибо

Answer 2

[Андрей]

Ну тогда

#block2 {
   display: flex;  
   align-items: flex-end;
   background-color:#CC9933;
}