背景画像の配置

Question

背景画像を追加するスパンタグがあります。私はこれを行う方法はたくさんあると知っていますが、小さなpdfアイコンである背景イメージをテキストの左側の代わりにテキストの右側に移動する方法があるかどうか疑問に思っています。

<span class='pdf'><a href="#">download pdf link</a></span> 

.pdf{ 
    background: url(img/sprite.png) no-repeat left bottom; 
    display:inline-block; 
    padding-top:10px; 
    padding-left:26px; 

スプライトイメージにはさらにいくつかのスプライトがあり、このスプライトイメージは一番下の位置に設定されています。

Answer 1

leftをrightに変更するとどうなりますか？

background: url(img/sprite.png) no-repeat right bottom; 
padding-right:26px; 

Answer 2

背景画像の配置には2通りの方法があります。 http://jsfiddle.net/rathoreahsan/sDajV/4/

：割合によって http://jsfiddle.net/rathoreahsan/sDajV/5/

または

はデモを参照してください

For example: 
    background: url(img/sprite.png) no-repeat 188% 93%; 

属性：/左によって

は右

For example: 
    background: url(img/sprite.png) no-repeat right bottom; 
    // "right" instead of "left" 

デモを参照してください。属性