JSFiddle - React, Tailwind, and code Playground

by oilvier

HTML

<button class="btn">Button</button>
<input type="submit" class="btn" value="Input">
<a href="#" class="btn">Lien</a>
<span class="btn">Span</span>
    
<p>
    <button class="btn">Button</button>
<input type="submit" class="btn" value="Input">
<a href="#" class="btn">Lien</a>
<span class="btn">Span</span>
    
</p>

CSS

/*====================
/1 Reset
======================*/
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;}
textarea {margin:0;}
[type="submit"], [type="button"], [type="reset"], button { cursor:pointer; border:0; -webkit-appearance: none; overflow:visible; }
[type="submit"]::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, button::-moz-focus-inner {border:0; padding: 0;}
[type="submit"]:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, button:-moz-focusring { outline: 1px dotted black; }
textarea {resize:none;}

.btn {display:inline-block; vertical-align:top; line-height:normal; background:#eb0f2d; font-size:15px; color: #FFF; padding:10px 15px; font-family:Arial, Helvetica, sans-serif; -webkit-border-radius:5px; border-radius:5px;}

p .btn {margin:0;}