<div> <h1>Title</h1> <table> ... </table> </div>
Now, the
<h1>
has a margin: 0; so it is at the top of the div. The height of the div is 300px.
However I’d like the table to be placed at the bottom of the div, eg. valign=’bottom’ but for the whole table.
Try this: http://jsbin.com/emoce
Though it’s similar to Darryl’s solution. Except I’m not using position:absolute on the wrapping div, but rather position: relative to make the table’s position absolute to that.