css - 在文字左侧显示图标

在我们的html中，我们有：

<div id="error2"></div>

这将显示动态错误消息。

在CSS我有：

#error2 {
    background:url(../images/cross.png) left center no-repeat;
    color: #ff2217;
    font-size:16px;
    font-weight:bold;
    position:absolute;
    top:175px;
    left:32px;
}

我得到的是：



我想要的是：

最佳答案

尝试添加一些填充：

#error2 {
padding-left: 30px;
}