JSFiddle - React, Tailwind, and code Playground

HTML

<ol>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
</ol>

CSS

ol {
  counter-reset: fizzbuzz;
}

li {
  list-style: none;
}

li:before {
    counter-increment: fizzbuzz;
    content: counter(fizzbuzz);
}

li:nth-child(3n):before, ol li:nth-child(15n):before{
    content:'Fizz';
}

li:nth-child(5n):before {
  content: "";
}

li:nth-child(5n):after{
    content:'Buzz';
}