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

时间:2015-09-27 23:40:39

标签: html css list

我使用image作为列表的子弹。

list bullet and li text

我正在尝试将列表项文本与列出子弹图像对齐,以便文本看起来像这样: desired list bullet and text position

如何更改列表样式?

1 个答案:

答案 0 :(得分:3)

使用背景插入图片:http://jsfiddle.net/serGlazkov/cYAzV/162/

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