JSFiddle - React, Tailwind, and code Playground

by supertrue

HTML

<link href='http://fonts.googleapis.com/css?family=Cookie' rel='stylesheet' type='text/css'>

<div class="box">
<h2>This is my box.</h2>
<img src="http://placekitten.com/240/130">
<p>This is a line of text below.</p>
</div>

<p>How do I make a generated image?</p>
<img id="newimage">

CSS

h2 { 
    font-family: 'Cookie'; 
    color: green;
    font-size: 2em;
}

.box {
    margin: 1em;
    padding: 1em;
    border: 3px dotted red;
    background-color: yellow;
    width: 300px;
}