如何將圖片添加到div的左側

Question

我想讓圖像出現在div的左側（垂直居中）。 怎么做？

這是我的代碼。 （圖像在每個角處看起來都非常小。我嘗試了背景url（../ images / error24x24.png），但沒有重復；但這也不行。（圖像已加載，但看上去很時髦）

.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>

編輯：我的最終CSS：

.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;
}

Answer 1

使用background-image和background-position代替border-image 。

這是一個開始的好地方： http : //coding.smashingmagazine.com/2009/09/02/backgrounds-in-css-everything-you-need-to-know/

檢查MDN以獲取全面的文檔： https : //developer.mozilla.org/en-US/docs/CSS/background