html - html css - li のテキスト配置

Question

HTML

<ul>
    <li>Chapter One - This is chapter one text text text text text text text text</li>
</ul>

どうすればこれを達成できますか?

Answer 1

<dl>順序なしリストの代わりに定義リスト ( ) を使用します。

<dl>
    <dt>Chapter One</dt>
    <dd>This is chapter one text text text text text text text text</dd>
</dl>

<dt>これで、両方をフロート<dd>させて左に並べることができ<dd>、特定の幅を指定できます。

デモ: http://jsfiddle.net/L4Zem/

Answer 2

負の値で text-indent を試すと 、最初の行が左に移動し、 padding-left 全体が他のすべてを元に戻します
ul li {
text-indent:-50px;
padding-left:50px;
}

ここにhttp://jsfiddle.net/edv7d/があります