JSFiddle - React, Tailwind, and code Playground

by Nonamenonamevi4

HTML

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>
  <ol>
  <li> <span>A</span>
      <ul>
        <li><a href="#">abstract</a></li>
      </ul>
    </li>
    <li>
      <ul> <span>B</span>
        <li><a href="#">boolean</a></li>
        <li><a href="#">break</a></li>
        <li><a href="#">byte</a></li>
      </ul>
    </li>
    <li> <span>C</span>
      <ul> 
        <li><a href="#">case</a></li>
        <li><a href="#">catch</a></li>
        <li><a href="#">char</a></li>
        <li><a href="#">class</a></li>
        <li><a href="#">const</a></li>
        <li><a href="#">continue</a></li>
      </ul>
    </li>
  </ol>
</body>
</html>

CSS

ol > li {
  list-style-type: upper-roman;
}
span {
  font-weight: bold;
}
li > ul > li {
  list-style-type: disc;
}