Soldato
sorted, just padded the text down in the end
Last edited:
padding is cheating
<div id="FooterDiv" style="text-align:right;">
Inline styling is bad
div {
text-align: right;
vertical-align: bottom;
}
<div><p>blah</p></div>
<div>blah</div>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="">
<head>
<meta http-equiv="content-type" content="text/html; charset=" />
<title></title>
</head>
<body>
<div style="border: 1px solid red; width: 800px; height: 500px; position: relative;">
<p style="border: 1px solid black; position: absolute; bottom: 0; right: 0; width: 300px;">
Donec non lectus. Nullam ut ante. Sed ut mauris. Proin tempus condimentum ante. Mauris risus felis, lacinia eleifend, consequat in, tincidunt vitae, magna. Donec ut felis. Curabitur dictum ante ut dui. Proin nunc augue, sagittis ac, consequat nec, ultrices volutpat, purus. In varius felis in dolor. Phasellus ipsum lectus, sollicitudin et, elementum id, congue sed, ligula.
</p>
</div>
</body>
</html>