Tutorial: How to Bottom Align Text Inside a Div Using CSS

Example CSS

    div
    {
        position:relative;
        height:300px;
        border:solid 1px grey;
    }
    span
    {
        position:absolute;
        bottom:0px;
    }

Example Markup

    <div>
        <span>
            Bottom Aligned Text
        </span>
    </div>