html - 一个 div 中文本之前的图像

Question

在我的例子中，是否可以在 div 内的文本之前放置图像(css 内容属性)？

JavaScript 使用 msgBox 将不同的消息插入到元素中。 不幸的是我无法接触 JS。另外，文字必须居中(图片中间)。

要求:

1. 消息正文居中
2. 图片和文字之间的距离为 10-20 像素
3. div 不得包含其他元素
4. 文本和图标应居中。

document.getElementById("msgBox")
  .innerHTML = "Here can be any text any long";

#msgBox {
  border: 1px solid black;
  padding: 10px;
  text-align: center;
}

<div id="msgBox">(icon) text</div>

Answer 1

你可以尝试用 css :before:

#msgBox:before{
    content: url('path/to/your.png');
}  

http://jsfiddle.net/a4utqvh1/1/