JSFiddle - React, Tailwind, and code Playground

by Vladimir

HTML

<div class="foto">
Photo
</div>
<div class="header">Header</div>
<div class="text">Bla-bla-bla bla bla-bla-bla bla-bla bla bla-bla-bla bla-bla bla bla-bla-bla bla-bla bla bla-bla-bla bla-bla bla bla-bla-bla bla-bla bla bla-bla-bla bla-bla bla bla-bla-bla bla-bla bla bla-bla-bla bla-bla bla bla-bla-bla bla-bla bla bla-bla-bla bla-bla bla bla-bla-bla bla-bla bla bla-bla-bla bla-bla bla bla-bla-bla bla-bla bla bla-bla-bla bla-bla bla bla-bla-bla bla-bla bla bla-bla-bla bla-bla bla bla-bla-bla bla-bla bla bla-bla-bla bla-bla bla bla-bla-bla bla-bla bla bla-bla-bla bla-bla bla bla-bla-bla bla-bla bla bla-bla-bla bla-bla bla bla-bla-bla bla-bla bla bla-bla-bla bla-bla bla bla-bla-bla bla-bla bla bla-bla-bla bla-bla bla bla-bla-bla bla-bla bla bla-bla-bla bla-bla bla bla-bla-bla bla-bla bla bla-bla-bla bla-bla bla bla-bla-bla bla-bla bla bla-bla-bla bla-bla bla bla-bla-bla bla-bla bla bla-bla-bla bla-bla bla bla-bla-bla bla-bla bla bla-bla-bla bla-bla bla bla-bla-bla bla-bla bla bla-bla-bla bla-bla bla bla-bla-bla bla-bla bla bla-bla-bla bla-bla bla bla-bla-bla bla-bla bla bla-bla-bla bla-bla bla bla-bla-bla bla-bla bla bla-bla-bla bla-bla bla bla-bla-bla bla-bla bla bla-bla-bla bla-bla bla bla-bla-bla bla-bla bla bla-bla-bla bla-bla bla bla-bla-bla bla-bla bla bla-bla-bla bla-bla bla bla-bla-bla bla-bla bla bla-bla-bla bla-bla bla bla-bla-bla bla-bla bla bla-bla-bla bla-bla</div>

CSS

.foto {
    width:100px;
    height:100px;
    float:left;
    background:#F00;
    margin:0 10px 10px 0;
}
.header {
    font: bold 18px Verdana;
}