JSFiddle - React, Tailwind, and code Playground

by godsnake

HTML

<ol>
    <li>1 A long bullet here it is long to show how it behaves on a second line</li>
    <li>2 A long bullet here it is long to show how it behaves on a second line</li>
    <li>3 A long bullet here it is long to show how it behaves on a second line</li>
    <li>4 A long bullet here it is long to show how it behaves on a second line</li>
    <li>5 A long bullet here it is long to show how it behaves on a second line</li>
    </ol>

CSS

ol { list-style: none; padding-left: 10px; text-indent:0px; margin-left:5px;}

ol li {color:#666; }

ol li:first-letter {color:#fff; background:#333; border-radius:50%; border: 5px solid #333;font-size:4vw;
  behavior: url(PIE.htc);padding-left:1.3%; padding-right:1.3%; padding-top:0%; padding-bottom:0%; font-weight:bold;}

li {margin-bottom:20px;}