HTML：順序付きリストアイテムポイントの表示を変更するにはどうすればよいですか？

Question

HTML文書に<ol>タグ（注文リスト）があります。

i. Item 1 
ii. Item 2 
iii. Item 3 

：

<ol type="i"> 
    <li>Item 1</li> 
    <li>Item 2</li> 
    <li>Item 3</li> 
</ol> 

これは私に次のような結果が得られます。

(i) Item 1 
(ii) Item 2 
(iii) Item 3 

は現在、私はそれが次HTMLコードでの作業があります。 私は、次の形式で項目を表示することを希望します

この質問の冒頭で言及した希望の方法でリストを表示することはできますか？

EDIT：も受け入れ答えの一部で質問をフォローアップ

私はラップの項目に自動的に同じタブ線上に新しい行を開始する（1行の長すぎるアイテム）を取得できますか？次のように

Answer 1

のみCSS3を使用して、あなたはそれを行うことができます。

ol { 
 
    counter-reset: increment_var; 
 
    list-style-type: none; 
 
} 
 
li:before { 
 
    display: inline-block; 
 
    content: "(" counter(increment_var, lower-roman) ") "; 
 
    counter-increment: increment_var; 
 
    width: 40px; 
 
    margin-left: -40px; 
 
} 
 
li { 
 
    margin-left: 40px; 
 
    }

<ol> 
 
    <li>Example 1 Example 1 Example 1 Example 1 Example 1 Example 1 Example 1 Example 1 Example 1</li> 
 
    <li>Example 2</li> 
 
    <li>Example 3</li> 
 
    <li>Example 4</li> 
 
    <li>Example 5</li> 
 
</ol>