JSFiddle - React, Tailwind, and code Playground

by oilvier

HTML

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Test</title>
    <link rel="icon" href="">
    <link rel="alternate" type="application/rss+xml" title="RSS" href="">
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <style>
html {line-height:1.3;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; width: 100%; }
fieldset, img { border: 0; }
img { font-style: italic; vertical-align:bottom; }
address, caption, cite, code, dfn, th, var { font-style: normal; font-weight: normal; }
ol, ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q { quotes: none; }
q:before, q:after { content: ''; content: none; }
abbr, acronym { cursor: help; border: 0; }
a { text-decoration: none; }
pre, code { font-family: monospace; }
b, strong { font-weight: bold; }
sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
input, select, option, optgroup, textarea { font: inherit; }
input[type="submit"], input[type="button"], input[type="reset"], button { cursor: pointer; border: 0; overflow:visible; }
input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, button::-moz-focus-inner { border: 0; padding: 0; }
input[type="submit"]:-moz-focusring, input[type="button"]:-moz-focusring, input[type="reset"]:-moz-focusring, button:-moz-focusring { outline: 1px dotted black; }
textarea {resize:none;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

.media {overflow:hidden;}
.img {float:left; margin-right:15px;}
.context {overflow:hidden;}


body { font-family:'Helvetica Neue',sans-serif;...