Html 如何将列表项目符号图像与li文本对齐

我使用图像作为列表的项目符号

我正在尝试将列表项文本与列表项目符号图像对齐，以便文本如下所示：

---

如何更改列表样式？

使用背景插入图像：

ul{ 
    list-style-type:none;
}
ul li{
    background: url("http://www.w3schools.com/cssref/smiley.gif") 0 50% no-repeat;
    padding-left: 40px;
    line-height: 40px;
}