JSFiddle - React, Tailwind, and code Playground

by thirtydot

HTML

<pre class="src src-R">
    here &lt;- is(the=code)
</pre>
<pre class="src src-Perl">
    here &lt;- is(the=code)
</pre>

CSS

.src-R:before {
    content: 'R'
}
.src-Perl:before {
    content: 'Perl'
}
.src:before {
    position: absolute;
    top: -10px;
    background: #fff;
    padding: 5px;
    border: 1px solid #000
}
.src {
    position: relative;
    padding: 25px 9px 9px 9px;
    border: 1px solid #000;
    margin: 24px 0
}


body {
    margin: 30px
}