JSFiddle - React, Tailwind, and code Playground

by naocrrds

HTML

<div id="wrapper">
  <div id="main">
    <div class="inner">
      <div id="container01" class="container default">
        <div class="wrapper">
          <div class="inner">
            <ul id="buttons01" class="buttons">
              <li><a href="#image" class="button n01">image</a></li>
              <li><a href="#music-players" class="button n02">music players</a></li>
              <li><a href="#fonts" class="button n03">fonts</a></li>
              <li><a href="#cursor-and-background" class="button n04">cursor &amp; bg</a></li>
              <li><a href="#text" class="button n05">text</a></li>
              <li><a href="#scrollboxes" class="button n06">scrollboxes</a></li>
              <li><a href="#menu-and-miscellaneous" class="button n07">menu &amp; misc.</a></li>
              <li><a href="#how-tos" class="button n08">how-tos</a></li>
              <li><a href="#links" class="button n09">links</a></li>
              <li><a href="#chat" class="button n10">chatbox</a></li>
              <li><a href="#home" class="button n11">home</a></li>
            </ul>
          </div>
          <hr id="divider01" class="full">
          </header>