thecaligarmo
05-05-2009, 10:28 PM
So I don't know if this is possible without javascript, but here is what I am looking to do.
I have a div with a min-height of 75px and within the div I have text (and other inline objects [or objects that I made inline through styles] like anchors).
What I want the text to do is start at the bottom of the div, and the more I add I want the text to be vertically-aligned to the bottom so that the text is always align with the bottom of the div. Also, if the text hits more than 75px I want the div to expand to fit (thus min-height:75px).
here is my HTML so far (with styles added inline):
<div style="min-height:75px">
Some Text <a href="link">Link</a>
</div>
I tried to do vertical-align:bottom on the div, but that didn't work. Am I doing it wrong, and/or how should it be done?
I have a div with a min-height of 75px and within the div I have text (and other inline objects [or objects that I made inline through styles] like anchors).
What I want the text to do is start at the bottom of the div, and the more I add I want the text to be vertically-aligned to the bottom so that the text is always align with the bottom of the div. Also, if the text hits more than 75px I want the div to expand to fit (thus min-height:75px).
here is my HTML so far (with styles added inline):
<div style="min-height:75px">
Some Text <a href="link">Link</a>
</div>
I tried to do vertical-align:bottom on the div, but that didn't work. Am I doing it wrong, and/or how should it be done?