JSFiddle - React, Tailwind, and code Playground

HTML

<div class='container'>
    <div class='floater' style='background-color: #880000'>1</div>
    <div class='floater' style='background-color: #008800'>2</div>
    <div class='floater' style='background-color: #000088'>3</div>
</div

CSS

.container {
    background-color: #123456;
    float: left;
}

.floater {
    width: 300px;
    height: 100px;
    float: left;
}