JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<div id="d1">1</div><div id="d2">2</div><div id="d3">3</div><div id="d4">4</div><div id="d5">5</div><div id="d6">6</div><div id="d7">7</div><div id="d9">9</div><div id="d8">8</div>
</body>
</html>

CSS

div {
    box-shadow: 0 0 1px black inset;
    width: 100px;
    display: inline-block;
  
}
#d1,
#d2,
#d4,
#d5,
#d6,
#d8,
#d9{
    height: 100px;

    background-color: yellow;
}
#d7,
#d3{
    height: 200px;
    background-color: red;
  float: left;
}