JSFiddle - React, Tailwind, and code Playground

by mori57

HTML

<div id="container">
    <div class="outer">
        <div class="inner">first div</div>
        <div class="inner">second div</div>
        <div class="inner">third div</div>
    </div>
</div>

CSS

#container {
    width:100%;
    height:200px;
    border:1px solid red;
    overflow:hidden;
}
.outer {
    width:1210px;
    overflow:hidden;
    background:#efefe8;
}
.inner {
    float:left;
    width:400px;
    height:100px;
    border:1px solid green;
}