显示文本左侧的图标

Question

在我们的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;
}

我得到的是：

我想要的是：

Answer 1

尝试添加一些填充：

#error2 {
padding-left: 30px;
}

Answer 2

像这样使用padding-left:;：http://jsfiddle.net/8DnTa/