JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
    <div id="div1"></div><div id="div2">some text</div><div id="div3"></div>
</div>

CSS

div {
    display: inline-block;
    margin: 0;
    padding: 0;
    vertical-align: bottom 
}
#div1 {
    height: 20px;
    width: 20px;
    background-color: red;
}
#div2 {
    padding: 16px;
    background-color: green;
}
#div3 {
    height: 20px;
    width: 20px;
    background-color: blue;
}