JSFiddle - React, Tailwind, and code Playground

by Rayeesac

HTML

<ol>
  <li>First item</li>
  <li>Second item</li>
  <li>Third item</li>
</ol>

SCSS

ol{
   list-style-position:inside;
   display:inline-block;
 }
ol li {
   cursor:pointer;
   border-bottom:2px solid transparent;
   float: left;
   clear: left;
   &:hover {
     border-bottom:2px solid #111;
   }
 }