Hi all, The website I am trying to code is located at http://twurl.cc/22wp. The 'Read More' buttons are styled by a common CSS class. However, I would like them to be aligned from the bottom left corner. Any ideas how to do that with CSS? I have been scratching my head for a while regarding this issue.
To get them at the bottom, you'd need to actually position them there I believe. If main-box-body and side-box-body were position: relative, then the buttons themselves can be abso-po'd and left: whatever bottom: whatever. Otherwise you'd prolly need to put those buttons in another box whose top padding was equal to the padding at the bottom of the two boxes... I think that would be more difficult to wrangle cross-browser though.
Yes, definitely try some absolute positioning. Set the parent container to position:relative and the buttons to position:absoulte, then as mentioned you can set the following properties on the buttons: bottom:0; left:0; or whatever integer you need.