css - 通过CSS将图像添加到文本左侧

Question

如何通过 css 将图像添加到某些文本？

我有这个:

<span class="create">Create something</span>

我想使用 css 在其左侧添加一个 16x16 图像。这是可能的还是我应该像这样手动添加此图像:

<span class="create"><img src="somewhere"/>Create something</span>

我宁愿不必手动更改所有位置，这就是我想通过 css 进行更改的原因。

谢谢!

Answer 1

.create
{
background-image: url('somewhere.jpg');
background-repeat: no-repeat;
padding-left: 30px;  /* width of the image plus a little extra padding */
display: block;  /* may not need this, but I've found I do */
}

尝试填充和可能的边距，直到获得所需的结果。您还可以使用“background-position”或完全定义“background”( link to w3 ) 来调整背景图像的位置(*向 Tom Wright 致敬)。