How to make the text touch the bottom of the div

Question

I have an HTML page with somewhat large text elements. I want the text to align to the bottom of the containing div so that it touches the bottom of the div.

I tried fol

Answer 1

You can do this with line-height

.bottomAlignedText {
  position: relative;
}
.bottomAlignedText span {
  position: absolute;
  bottom: 0;
  left: 0;
  line-height: 0.7;
}

    Test