JSFiddle - React, Tailwind, and code Playground

by ChrisP

HTML

<span class="tag objective-c">objective-c</span>
<span class="tag html">html</span>
<span class="tag javascript">javascript</span>
<span class="tag python">python</span>

CSS

/* code keywords */
.tag {
    font-family: Helvetica;
    font-weight: 100;
    font-size: 10pt;
    border-radius: 16px;
    padding: .3em .8em .4em .8em;
    color: white;
    opacity:0.8;
}
.tag.python {
    background: rgb(220, 0, 0);
}
.tag.html {
    background: rgb(0, 0, 220);
}
.tag.javascript {
    background: rgb(0, 150, 150);
}
.tag.objective-c {
    background: rgb(0, 130, 0);
}
.tag:hover {
    opacity:1.0;
}