JSFiddle - React, Tailwind, and code Playground

by Tan

HTML

<div class="title">
<h1>Hello World! This is a test!</h1>

<div>

<div><span class="h">H</span><span class="h">e</span><span class="l">l</span><span class="l">l</span><span class="o">o</span></div>

<div><span>World</span></div>

</div>

</div>

CSS

.title div {display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-content: flex-start;
    align-content: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;}