JSFiddle - React, Tailwind, and code Playground

by brandondurham

HTML

<div id="andy"><h1>This is Andy. He knows his bras.</h1><img src="http://www.adlucent.com/images/This-is-Andy.png"></div>

CSS

#andy {
    height: 480px;
    position: relative;
    width: 480px;
}
#andy img {
    left: 0;
    position: absolute;
    top: 0;
}
#andy h1 {
    color: rgb(231,111,0);
    font: bold 100px/80px "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;
    text-transform: uppercase;
}
#andy:after {
    color: rgba(231,111,0,0.5);
    content: "This is Andy. He knows his bras.";
    font: bold 100px/80px "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;
    left: 0;
    position: absolute;
    text-transform: uppercase;
    top: 0;
}