html - リストの垂直方向の配置を一貫させるにはどうすればよいですか?

Question

Web サイトに 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;
}