align a item to the bottom of a div code example
Example 1: put header at bottom of div
#header {
position: relative;
min-height: 150px;
}
#header-content {
position: absolute;
bottom: 0;
left: 0;
}
#header, #header * {
background: rgba(40, 40, 100, 0.25);
}
Example 2: css div at bottom of div
<style>
.outside {
position: relative;
width: 200px;
height: 200px;
background-color: #EEE;
}
.inside {
position: absolute;
bottom: 2px;
}
</style>
<div class="outside">
<div class="inside">inside</div>
</div>