JSFiddle - React, Tailwind, and code Playground

by ruisoftware

HTML

<h1>&#x2464;
    This is a header</h1>
<div id="left">this is left</div>
<div id="middle">this is middle</div>
<div id="right">this is right</div>
<div id="final">this is final&#x2466;</div>

CSS

h1 {
    text-transform: uppercase;
    text-shadow: black 2px 2px 0px, 
                 black -2px -2px 0px,
                 black 2px -2px 0px,
                 black -2px 2px 0px;
    color: yellow;
    font-size: 3em;
}
#left { float: left; width: auto; background-color: cyan; }
#right { float: right; width: auto; background-color: blue; }
#middle { clear: left; background-color: #ccc; }
#final { clear: both; background-color: #aaa; }