JSFiddle - React, Tailwind, and code Playground

HTML

<div class="red"><span class="rotate">First Box</span></div>
<div class="box">Second Box</div>
<div class="box">Third Box</div>
<div class="box">Forth Box</div>

CSS

.red {
    float: left;
    background-color: red;
    padding: 50px;
    margin: 5px;
}
.rotate {
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -o-transform: rotate(90deg);
    white-space:nowrap;
    display:block;
    bottom:0;
}
.box {
    float: left;
    background-color: black;
    padding: 50px;
    margin: 5px;
}