Html css部分填充以通过背景图像浮动文本

我有背景图片，我使用填充文字

JsBin：

HTML: 问题: 如何仅对div部分使用填充？

输出：

我的试用期： 将空的

div

（100x100）放在

背景图像

应该在的位置，并将

浮点：左

添加到该空白

div

。但我正在寻找CSS解决方案。 请注意，我有理由将图像放在背景中，而不是div中。

---

正在寻找您的建议。

您不能这样做，因为背景图像不能浮动。

使用伪元素代替占位符div，并像内联图像一样浮动它

使用此CSS

#wrapper {
  padding: 10px 10px 10px 15px;
  background: url('http://dummyimage.com/100x100/000000/fff') no-repeat 10px 10px;
}
#wrapper:before {
  content:'';
  float:left;
  width:100px;
  height:100px;
}

#wrapper {
  padding: 10px 10px 10px 120px;
  background: url('image.jpg') no-repeat 10px 10px;
}

#wrapper:before {
  content:'';
  float:left;
  width:100px;
  height:100px;
}

#wrapper {
  padding: 10px 10px 10px 15px;
  background: url('http://dummyimage.com/100x100/000000/fff') no-repeat 10px 10px;
}
#wrapper:before {
  content:'';
  float:left;
  width:100px;
  height:100px;
}