JSFiddle - React, Tailwind, and code Playground

by tonkec palonkec

HTML

<div class="box block">
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde repudiandae.
</div>
<div class="box block">
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde repudiandae.
</div>
<div class="box block">
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde repudiandae.
</div>


<div class="box inline-block">
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Incidunt saepe?
</div>
<div class="box inline-block">
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Incidunt saepe?
</div>
<div class="box inline-block">
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Incidunt saepe?
</div>
<div class="box inline">
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Incidunt saepe?
</div>
<div class="box inline">
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Incidunt saepe?
</div>
<div class="box inline">
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Incidunt saepe?
</div>

CSS

.box {
    height: 200px;
    width: 150px;   
}

.block {
    display: block;
    background: #ddd;
    border: 1px solid #000;
}

.inline-block {
    display: inline-block;
    background: red;
    border: 1px solid #fff;
}

.inline {
    display: inline;
    background: green;
    border: 5px solid yellow;
}