How can I show the text at the bottom of a child div using css? I have tried, but the text goes to main div

How can I get the text at the bottom of a particular div using css? I have tried, but the text goes to main div

{

enter code here {

<div id="img1" style="background-color:red;width:100%;height:100%;">



<div id="abc">
<img id="image" src="punj.jpg" alt="PUNJ icon" style="width:5%; height:15%; float:left;">
</div> 


<div id="img1" style="background-color:#B1C7E8;width:95%;height:15%; float :left;">

<h1 id="head">
University 
</h1>
</div>}

This is code of html