Skip to content Skip to sidebar Skip to footer
Home / Css / Html

How To Make The Text Touch The Bottom Of The Div

Post a Comment
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 following but

Solution 1:

You can do this with line-height

.bottomAlignedText {
  position: relative;
}
.bottomAlignedTextspan {
  position: absolute;
  bottom: 0;
  left: 0;
  line-height: 0.7;
}
<body><divclass="bottomAlignedText"style="width: 600px; height: 600px; border: 1px solid;"><spanstyle="font-size:300px;">Test</span></div></body>

Post a Comment for "How To Make The Text Touch The Bottom Of The Div"