圖片在一個文字的前面

例子:

<div class="b">
        <ul>
            <li>
                <h3 class="icon-mc-mail">
                    <a href="/member/msg?t=1529479758562">
                    <span id="li-msg">站內信</span>
                    </a>
                </h3>
            </li>
        </ul>
    </div>

.mc-menu-area .b h3 {
    font-size: 14px;
    padding-left: 50px;
    position: relative;
    height: 30px;
    margin-top: 25px;
}

.mc-menu-area .b h3:before {
    content: "";
    width: 20px;
    height: 20px;
    background: url(../images/echannel/icon/icon-mc.png) no-repeat;
    display: block;
    position: absolute;
    top: 5px;
    left: 20px;
}