JSFiddle - React, Tailwind, and code Playground

HTML

<h1>Empty div</h1>
 
Some text
    <div style="height:20px;"></div>
    <div style="height:40px;"></div>
    <div style="height:60px;"></div>
    <div style="height:80px;"></div>

continuing here
<h2>Div with text</h2>

Some text 
    <div style="height:20px;">20</div>
    <div style="height:40px;">40</div>
    <div style="height:60px;">60</div>
    <div style="height:80px;">80</div>


continuing here

CSS

div {
       display: inline-block;
       margin-right: 2px;
       width: 20px;
       background-color: red;
    }

h1{
    border: 1px solid blue;
}

h2{
    border: 1px solid green;
}