JSFiddle - React, Tailwind, and code Playground

by spikey

HTML

<div id="container">
    <div class="column">
        <div class="post">
            <h1>jk</h1>
        </div>
    </div>
</div>

CSS

* {
    margin: 0;
    padding: 0;
}
body {
    width:100%;
    height:100%;
    background: #F2F1EF;
    font-family: Arial, sans-serif;
}
.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}
#container {
    height:90px;
    overflow-x:scroll;
    overflow-y:hidden;
}
.column {
    display:inline-block;
    white-space: nowrap;
    width:300px;
}
.post {
    height:40px;
}