如何保持列表的垂直对齐一致？

Question

我的网站上有一个600px div的列表，并且文本换行，因此其中一行上的文字会下降。这很好，但我遇到的问题是，已经下降的新行从与“点”相同的位置开始，而不是文本的位置。

以下是我在浏览器中查看时遇到的问题：

JSFiddle

中没有问题

<ul class="list">
  <li>Global access 24 hours a day, 365 days a year to specialised Cisco engineers</li>
  <li>Option for next business day hardware replacement (where available)</li>
  <li>Ongoing operating system software updates, including both minor and major releases within your licensed feature set</li>
  <li>Proactive diagnostics and real-time alerts on select devices</li>
</ul>

这就是我想要的样子：

Answer 1

使用以下样式：

.list {
    margin-left:20px;
    list-style-position:outside;
}

http://jsfiddle.net/7u5aN/1/

如果需要填充/边距。

顺便说一句，我可以看到默认情况下Chrome和FF都是。

Answer 2

这取决于用户的浏览器。你的小提琴在镀铬方面效果很好。

试试这个。

.list li {

        text-align:justify;
}

Answer 3

啊！我知道了。我确实有另外一种风格：

ul, li, ol {
    list-style-type:none;
}

我删除了它并且工作正常。