Html 如何将背景图像设置到分割的左侧？

下面的

div

显示错误消息，现在我想添加一个出现在错误消息之前的图像。这将只是一个小错误图像，我希望它出现在

div

的左侧，以便它出现在错误文本之前。我试着用背景图像来做，现在文本是重叠的图像，因为图像是文本的背景。是否有任何方式使错误信息而不是重叠跟随图像

<div id='er'><?php echo $er; ?></div>
<style>
#er{font-size: 14px;color:blue; background: url(img_stop.gif);
background-size: 35px 35px;
background-repeat: no-repeat;}
</style>

#er{字体大小：14px；颜色：蓝色；背景：url（img_stop.gif）；
背景尺寸：35px 35px；
背景重复：无重复；}

类似这样的东西

#er{
字体大小：14px；
颜色：蓝色；
最小高度：45px；/*以便即使出现短错误消息，图像也会始终显示*/
背景：透明url(http://www.willowsigns.com/images/products/reflective-stop-sign-circular-icon-600mm-dia-Ehwf.png)不重复；
背景位置：5px居中；/*图像位于0左侧5px处，顶部居中*/
背景尺寸：35px 35px；
边框：1px纯红；
填充：5px 5px 5px 45px；/*左填充为45，图像为35px，每侧为5px*/
}

Lorem ipsum dolor sit amet，奉献精英。这是一种很好的解决方法！

谢谢，但我的错误消息很短，因此如何垂直居中文本。现在，文本显示在图像顶部，与错误消息的第一行类似。如果您确定错误消息始终为一行，请将此

min height

更改为

line height

，选中此项：