CSS有没有办法在同一个类中设置图像和文本之间的间距？

Question

我正在尝试在css中设置一个类来显示图像后面的图像和字符串。问题是图像和文本重叠。有没有办法在同一个类中放置图像和文本之间的间距？这是我的代码：

.innerTitle {
display: inline;
background-image: url(../images/tsegs_squigs.jpg);
background-repeat: no-repeat;
background-position: left center;
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
margin: 0px;
padding: 0px;
width: 100%;
}

Answer 1

将此添加到css类：

{text-indent:50px;} Or
{text-indent:<width of background image>px;}

Answer 2

您需要为元素添加填充，因为填充会增加背景将显示的元素的大小。填充仅适用于块和内联块元素。

.innerTitle {
    display: inline-block;
    padding-left: <width of background image>px
}