显示文本左侧的图标

422*_*422 3 css

在我们的HTML中,我们有:

<div id="error2"></div>
Run Code Online (Sandbox Code Playgroud)

这会显示动态错误消息.

在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;
}
Run Code Online (Sandbox Code Playgroud)

我得到的是:

在此输入图像描述

我想要的是:

在此输入图像描述

小智 7

尝试添加一些填充:

#error2 {
padding-left: 30px;
}
Run Code Online (Sandbox Code Playgroud)