Question

Given the following example:
http://cl.ly/2UAa

How do I use a sprite on the right side of the “see more…” line so that it always adjusts with the width of the text? Should I create a separate element that will float with the text, or is there a way to do it directly within the link.

Answer 1

You can apply it to the background of the link, align it right and give the link a right padding.

a {
    background: url(image_url) no-repeat right center;
    padding-right: 80px;    // 80 pixels example
}