JSFiddle - React, Tailwind, and code Playground

by marikasanuki

HTML

<div id="box">Text</div>

CSS

body {
    background: #006600;
}
#box {
    padding: 20px; /* percentages work but can be tricky */
    margin: 20px;
    background: #123456; /* full syntax */
    color: #fff; /* shorthand syntax */
    font-size: 14px; /* try 1em */
    font-family: 16px; 
    border:10px dashed #000;
    text-transform: uppercase; /* none | capitalize | uppercase | lowercase | full-width */
}
.headline {
    font-size: 18px;
}