JSFiddle - React, Tailwind, and code Playground

by J. Albert Bowden

HTML

<pre></pre>

CSS

pre {
    background-color: rgba(0,0,0,0.3);
    margin: 30px auto;
    padding: 15px;
    height:300px;
    color: #f1f2f3;
    text-shadow: 0 1px 1px rgba(0,0,0,0.3);
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
    -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.25), 0 1px 1px rgba(255,255,255,0.35);
       -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.25), 0 1px 1px rgba(255,255,255,0.35);
            box-shadow: inset 0 1px 3px rgba(0,0,0,0.25), 0 1px 1px rgba(255,255,255,0.35);
    }