li具有固定宽度时，谷歌浏览器中的li文本对齐问题

Question

我有一个由li组成的div，我有一些样式可以将li列为下面的列表项

position: relative;
left: 20px;
display: list-item;
max-width: 160px;
font-size: 12px;

问题是，如果文本大于宽度，则li具有固定宽度，然后在第二行显示。它适用于所有浏览器，除了chrome。它显示在第二行，但第二行是从子弹符号开始我希望从第一行中文本开始的地方开始。

Example:
    it is as below
     . xxxxxxxxx
     . yyyyyyyyy
     yyyyy

but i want as below
     . xxxxxxxxx
     . yyyyyyyyy
       yyyyy   

Answer 1

如果要显示列表项 - 使用

执行此操作的正确和最具语义的方法

有序/无序列表<ul> / <ol>，列表项<li>为子项。

这也将解决您所面临的问题。

FIDDLE

示例：

<ul>
    <li>lots of text</li>
    <li>lots of text</li>
</ul> 

CSS

li
{
    position: relative;
    left: 20px;
    max-width: 160px;
    font-size: 12px;
}