在背景图片的右边放置标签文字10px

Question

我有一个带有背景图像和一些文本的标签。我需要将文本定位在背景图片的右侧10px处，以使背景图片清晰可见。

我需要执行此操作，而无需添加其他HTML元素或Javascript。

这是我到目前为止的源代码：

label {
  background-image: url('http://missouri.municipalbonds.com/img/icons/add.png');
  background-repeat: no-repeat;
  background-position: left top;
}

<label>This is my label</label>

我对实现此目标缺少哪个CSS属性有任何想法吗？

Answer 1

图像很16px宽，10px在右侧总共是26px。

使用padding或padding-left以获得所需的效果。

http://jsfiddle.net/L0ctetdg/

label{
  background-image: url('http://missouri.municipalbonds.com/img/icons/add.png');
  background-repeat: no-repeat;
  background-position: left top;
    
  padding-left: 26px;
}

<label>This is my label</label>

还必须说这是认真的基本知识。在遇到第一个问题之前，先运行StackOverflow，然后尝试通过适当地研究它来一点尊重地对待它。

https://developer.mozilla.org/zh-CN/docs/Web/Guide/CSS/Getting_started

http://hashcss.com/schools/