如何将背景图像放在内容的右侧

Question

我无法让背景图片显示在某些文本的右侧。

页

"right arrow" 背景图像 sprite 需要位于单词 "Next" 的右侧。

之前 link 的图像背景的精灵图很好。只是下一个link想不通

这是我的 CSS

div#maincontentcontainer div#inner-page-content div.entry-content div.post-nav-previous {
    background: url('/wp-content/themes/investorcom-2015/images/post-nav-arrows.png') no-repeat left top;
    background-position: 0 0;
    float: left;
    font-size: 0.8em;
    line-height: 1.4em;
    padding-left: 20px;
}
div#maincontentcontainer div#inner-page-content div.entry-content div.post-nav-next {
    background: url('/wp-content/themes/investorcom-2015/images/post-nav-arrows.png') no-repeat right top;
    background-position: 0 -15px;
    float: right;
    font-size: 0.8em;
    padding-right: 20px;
}

Answer 1

background-position: right -15px;

像这样？

Answer 2

background-position: 30px -15px;

Answer 3

将单词 Next 换成另一个 div 并将新 div 的 css 设置为 margin-left:20px

<div class="post-nav-next">
    <div style="margin-left: 20px;">
      Next
    </div>
</div>

如何将背景图像放在内容的右侧

How to place background-image on right side of content

css

css-position

sprite

background-image