html - 如何从元素符号缩进列表项？

我有一个列表项目，其中通过CSS添加了项目符号。问题是，文本在每个项目符号下都换行了，我似乎无法用text-indent设置样式。这是小提琴：http://jsfiddle.net/4wDL5/

CSS：

li {
    list-style: none;
    font-size: 20px;
}

li:before {
    content:"·";
    font-size:120px;
    vertical-align:middle;
    line-height:20px;
}

最佳答案

对:before和列表项使用定位：

li {
    list-style: none;
    font-size: 20px;
    padding-left: 50px;
    position: relative;
}
li:before {
    content:"·";
    font-size:120px;
    vertical-align:middle;
    line-height:20px;
    display: block;
    position: absolute;
    left: 5px;
    top: 5px;
}

预习：



小提琴：http://jsfiddle.net/praveenscience/4wDL5/778/

关于html - 如何从元素符号缩进列表项？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/24825651/