JSFiddle - React, Tailwind, and code Playground

HTML

<html>
<body>
    <div class="a1">
    </div>
    <div class="a2">
    </div>
    <div class="a3">
    </div>
</body>
</html>

CSS

body {
    text-align: center;
}
.a1 {
    width: 150px;
    height: 53px;
    background: red;
    display: inline-block;
}
.a2 {
    width: 100px;
    height: 75px;
    background: green;
    display: inline-block;
}
.a3 {
    width: 38px;
    height: 175px;
    background: blue;
    display: inline-block;
}