JSFiddle - React, Tailwind, and code Playground

by josekerekes

HTML

<ol><li>Decimal</li></ol>
<ol><li>upper-roman</li></ol>
<ol><li>upper-latin</li></ol>
<ol><li>upper-alpha</li></ol>
<ol><li>lower-roman</li></ol>
<ol><li>lower-latin</li></ol>
<ol><li>lower-greek</li></ol>
<ol><li>lower-alpha</li></ol>
<ol><li>katakana-iroha</li></ol>
<ol><li>katakana</li></ol>
<ol><li>hiragana-iroha</li></ol>
<ol><li>hiragana</li></ol>
<ol><li>hebrew</li></ol>
<ol><li>georgian</li></ol>
<ol><li>decimal-leading-zero</li></ol>
<ol><li>cjk-ideographic</li></ol>
<ol><li>armenian</li></ol>

CSS

li {color: green;font-size:18px; word-spacing:10px;padding:0 0 9px;margin:0;line-height:100%}
ol {margin:0}
ol:first-child+ol {list-style:upper-roman}
ol:first-child+ol+ol {list-style:upper-latin}
ol:first-child+ol+ol+ol {list-style:upper-alpha}
ol:first-child+ol+ol+ol+ol {list-style:lower-roman}
ol:first-child+ol+ol+ol+ol+ol {list-style:lower-latin}
ol:first-child+ol+ol+ol+ol+ol+ol {list-style:lower-greek}
ol:first-child+ol+ol+ol+ol+ol+ol+ol {list-style:lower-alpha}
ol:first-child+ol+ol+ol+ol+ol+ol+ol+ol {list-style:katakana-iroha}
ol:first-child+ol+ol+ol+ol+ol+ol+ol+ol+ol {list-style:katakana}
ol:first-child+ol+ol+ol+ol+ol+ol+ol+ol+ol+ol {list-style:hiragana-iroha}
ol:first-child+ol+ol+ol+ol+ol+ol+ol+ol+ol+ol+ol {list-style:hiragana}
ol:first-child+ol+ol+ol+ol+ol+ol+ol+ol+ol+ol+ol+ol {list-style:hebrew}
ol:first-child+ol+ol+ol+ol+ol+ol+ol+ol+ol+ol+ol+ol+ol {list-style:georgian}
ol:first-child+ol+ol+ol+ol+ol+ol+ol+ol+ol+ol+ol+ol+ol+ol {list-style:decimal-leading-zero}
ol:first-child+ol+ol+ol+ol+ol+ol+ol+ol+ol+ol+ol+ol+ol+ol+ol {list-style:cjk-ideographic}
ol:first-child+ol+ol+ol+ol+ol+ol+ol+ol+ol+ol+ol+ol+ol+ol+ol+ol {list-style:armenian}