How to place a div on the bottom left of another div

Make its parent div as ‘position: relative’, and the div you want to place on the bottom left as ‘position: absolute, bottom: 0, left: 0’

HTML

<div class=“parent”> 
	<div class=“child”></div> 
</div>

CSS

. parent {
position: relative;
}
. child {
position: absolute;
bottom: 0;
left: 0;
}

Leave a comment

Your email address will not be published. Required fields are marked *