如何從項目符號縮進列表項？

Question

我有一個列表項目，其中通過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;
}

Answer 1

對: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/

Answer 2

嘗試這個：

ul
{
list-style-position:inside;
}

參見w3schools上的演示

Answer 3

嘗試這樣的事情

li {
  font-size: 20px;

 white-space: nowrap;
}

小提琴

Answer 4

試試這個代碼

演示

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

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

Answer 5

一個非常快速的修復。
向您的li添加padding-left：40px
在您的li之前添加margin-left：-40px：之前

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

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