vertically aligning text in a DIV tag

liunx

Guest
I currently have a DIV tag that is set to 100px in height, because of a background image I'm using. Anyone know how I can align text to the bottom of the DIV layer without using margin/padding.

The reason for this is 'accessibility'. If the user enlrages their font size I want it to grow upwards where-as if I use margins/padding it will grow downwards rather than filling the gap above it.

Anyone have any ideas?<div style="position:relative;height:100px;">
<div style="position:absolute;bottom:0;">text</div>
</div>
 
Back
Top