html - 如何保持列表的垂直对齐方式一致？

Question

我的网站上有一个 600 像素的列表，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

这取决于用户的浏览器。您的 Fiddle 在 chrome 中运行良好。

尝试这个。

.list li {

        text-align:justify;
}

Answer 2

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

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

我删除了它，它工作正常。

Answer 3

使用以下样式：

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

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

如果需要，还有填充/边距。

顺便说一句，我可以看到它在 Chrome 和 FF 中都是默认的。