Render <span> in an <a> tag at bottom of square <div>

[veggie11]

I have the following HTML:\[code\]<div class="square"> <a class="block" href="http://stackoverflow.com/questions/13861553/@Model.HyperLink1"> <span>@Model.Text1</span> </a></div>\[/code\]The CSS is:\[code\].square { width: 140px; float: left;}.block { display: block; width: 140px; height: 140px;}a.block span { position: absolute; bottom: 0;}\[/code\]However the span appears at the bottom of my page not at the bottom of the square block I have defined.How can I get the span or text of a hyperlink to appear at the bottom of the block?Thanks