Как расположить текст, чтобы он начинался снизу div? ⇐ CSS

[Anonymous]

Мне хотелось бы, чтобы текст внутри элемента был выровнен так, чтобы он начинался снизу страницы. Я хочу, чтобы при увеличении или уменьшении ширины элемента div текст сначала заполнял нижнюю часть, а затем верхнюю.
Я хочу, чтобы это выглядело как следующий дизайн из Adobe Illustrator:


Вместо этого оно выглядит следующим образом:

< /p>
код, использованный на втором изображении, приведен ниже:

*{
font-family: 'Heebo', sans-serif;
}
.big-intro-text{
font-size: 100px;
width: 100%;
position: absolute;

}
.big-intro-text div{
border: solid 1px green;
text-align: left;
color: gray;
max-width: 800px;
height: auto;
display: inline-block;
vertical-align: text-bottom;
}


home of the zebras



Подробнее здесь: https://stackoverflow.com/questions/661 ... tom-of-div