A Pen by Codeboy.

align-text-to-the-bottom-of-the-div.markdown

align text to the bottom of the div

A Pen by Codeboy on CodePen.

License.

index.html

<div id="header">
    <h1>some title</h1>
    <div id="header-content"><span>first line of header text<br>
second line of header text<br>
      third, last line of header text</span></div>
 
</div>

style.css

#header-content::before{
  display:inline-block;
  content:'';
  height:100%;
  vertical-align:bottom;
  width:2px;
  background-color:blue;
}
#header-content{
	height:100px;
  border:solid 1px grey;
}
#header-content span{
	display:inline-block;
  border:solid 1px red;
}
h1{
  margin:5px 0;
}