JSFiddle - React, Tailwind, and code Playground

by itimeheke

HTML

<div class="tr" style="width: 150px;">
    <div class="td" style="width: 50px; background-color: #CCC;"></div>
    <div class="td" style="width: 50px; background-color: #AAA;"></div>
    <div class="td" style="width: 50px; background-color: #666;"></div>
</div>

CSS

.tr {
    height: 20px;
    border: 1px solid black;
    overflow: hidden;
    white-space: nowrap;
}
.td {
    display: inline-block;
    height: 20px;
    margin: 0;
    padding: 0;
}