html - 如何更改 css sprite 图像的位置？

Question

我想把图片位置改到文字的右边

padding: 0px 40px 0px 24px;
font: 14px arial,tahoma;
background: url(http://i1.someimage.com/pF0qaUw.jpg) no-repeat;
overflow: hidden;
background-position: -28px -34px ;
width: 16px;
height: 16px;

<div>text</div>

Answer 1

这样使用

<div>Text &nbsp; <span class="sprite icon"></span></div>

放在正文的右边

然后像这样使用它

.sprite{background: url("sprite.png") no-repeat;display: inline-block;}
.icon{width: 50px;height: 50px;background-position: -50px -50px;}