HTML & CSS: Align text line to bottom center of div

I really like divs because you never know when you may want to style blocks differently, so this is how I would do it:

<div class="parent">
   <div>Here is some text........</div>
   <div class="link"><a href="#">Link to additional information</a></div>
</div>

And the CSS:

.parent {
    position:relative;
    float: left;
    width: 91.5%;
    min-width: 825px;
    height: 120px;
    text-align: left;
    z-index: 1;
    border:solid 1px #19365D;
    background-image:url('images/NiceBackgroundDude.png');
    background-repeat:repeat-x;
    margin-left:3.7%;
    margin-right:3.7%;
    padding-left:0.5%;
    padding-right:0.5%;
}

.link {
    position:absolute;
    width:100%;
    bottom:0;
    text-align:center;
}

and finally a jsfiddle showing it in action!


You could play a bit with position and margins

position:absolute;
bottom:0;
left:50%;
margin-left: -50%;

positioning at left 50% will start from the vertical axis of your container. Negative margin to the left will center the inner div.