Html 如何将图像添加到div的左侧

我想在div的左侧显示一个图像（垂直居中）。这是怎么做到的

这是我的密码。（图像在每个角落都显得很小。我尝试过背景url（../images/error24x24.png）没有重复；但也没有成功。（加载了图像，但看起来很怪）

---

使用

背景图像

和

背景位置

代替

边框图像

这里有一个很好的起点：

检查MDN以获取全面的文档：

.formValidation {
    background-color:rgb(71,89,32);
    color:white;
    font-weight:bold;
    padding:10px;
    -moz-border-radius:6px;
    border-radius:6px;
    -webkit-border-image: url(../images/error24x24.png);
    border-image: url(../images/error24x24.png);
}

    <div class="formValidation">
        Please enter a category.
    </div>

.formValidation {
    background-color:rgb(52,31,36);
    color:white;
    font-weight:bold;
    padding:10px 10px 10px 35px;
    -moz-border-radius:15px;
    border-radius:15px;
    margin-bottom:10px;
    background-image: url(../images/error24x24.png);
    background-position:8px center;
    background-repeat:no-repeat;
}