Question

I am using CSS to align my text (which is just a “read more” link) at the bottom of my preview article boxes which have a standard height. The “read more” link now show up just below of the teaser text and I need to position it just a few pixels above the bottom line of the article box independently of the text height, like this

___________________________
|
|
|
|
|
|              read more >>
|___________________________

Can you please give me some ideas or examples ?

Regards,
George

Answer 1

Set your article element to have position:relative and then set the read more link to have position:absolute so that you can position it within the article using the bottom/right css properties..

example at http://www.jsfiddle.net/gaby/7bduy/