Question

I’ve got an element with fixed height and width, and want to add text to it that is positioned at the bottom. It could span several lines (but less than element height), which makes this difficult.

It only needs to work in somewhat modern browsers, such as >= IE8, >= FF3 and WebKit.

Answer 1

<div style="height:100px;border:1px solid #000;position:relative;">
    <p style="position:absolute;bottom:0;border:1px solid #f00;">
        This text is positioned at the bottom of the containing DIV.
    </p>
</div>

Should work 🙂