Position a list at the bottom of a div

Position a list at the bottom of a div

by Nirvanachain

HTML

<div class="container txt_white">
    <div class="list-container">
        <ul>
            <li>
                <h2>Heading</h2>
            </li>
            <li>
                <a href="#">Link</a>
            </li>
        </ul>
    </div>
</div>

CSS

.container {
    width: 200px;
}

.container.txt_white, .container.txt_white a {
    color: #FFFFFF;
}

.list-container {
    background-color: #BFBFBF;
    height: 200px;
    position: relative;
}

ul {
    background-color: grey;
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 0;
    width: 100%;
}