JSFiddle - React, Tailwind, and code Playground

by secretgspot

HTML

<section>
<h1>File-types</h1>
  <ul>
    <li><a href="#example.doc">.doc</a></li>
    <li><a href="#example.rtf">.rtf</a></li>
    <li><a href="#example.txt">.txt</a></li>
    <li><a href="#example.pdf">.pdf</a></li>
    <li><a href="#example.xls">.xls</a></li>
    <li><a href="#example.xpi">.xpi</a></li>
    <li><a href="#example.rss">.rss</a></li>
    <li><a href="#example.atom">.atom</a></li>
    <li><a href="#example.opml">.opml</a></li>
    <li><a href="#example.vcard">.vcard</a></li>
    <li><a href="#example.exe">.exe</a></li>
    <li><a href="#example.dmg">.dmg</a></li>
    <li><a href="#example.app">.app</a></li>
    <li><a href="#example.pps">.pps</a></li>
    <li><a href="#example.ical">.ical</a></li>
    <li><a href="#example.jpg">.jpg</a></li>
    <li><a href="#example.gif">.gif</a></li>
    <li><a href="#example.png">.png</a></li>
    <li><a href="#example.bmp">.bmp</a></li>
    <li><a href="#example.svg">.svg</a></li>
    <li><a href="#example.eps">.eps</a></li>
    <li><a href="#example.swf">.swf</a></li>
    <li><a href="#example.fla">.fla</a></li>
    <li><a href="#example.css">.css</a></li>
    <li><a href="#example.mp3">.mp3</a></li>
    <li><a href="#example.wav">.wav</a></li>
    <li><a href="#example.ogg">.ogg</a></li>
    <li><a href="#example.wma">.wma</a></li>
    <li><a href="#example.m4a">.m4a</a></li>
    <li><a href="#example.zip">.zip</a></li>
    <li><a href="#example.rar">.rar</a></li>
    <li><a href="#example.gzip">.gzip</a></li>
    <li><a href="#example.bzip">.bzip</a></li>
    <li><a href="#example.ace">.ace</a></li>
    <li><a href="#example.ttf">.ttf</a></li>
    <li><a href="#example.mov">.mov</a></li>
    <li><a href="#example.wmv">.wmv</a></li>
    <li><a href="#example.mp4">.mp4</a></li>
    <li><a href="#example.avi">.avi</a></li>
    <li><a href="#example.mpg">.mpg</a></li>
    <li><a href="#example.phps">.phps</a></li>
    <li><a href="#example.torrent">.torrent</a></li>
  </ul>
</section>

<section>
<h1>Social...

CSS

section h1 { display: block; font-weight: bold; font-size: 18px; margin: 13px 0 3px 0; }