JSFiddle - React, Tailwind, and code Playground

by Andrew Dunai

HTML

<div class="contentBox">
    <div class="item">1</div>
    <div class="item">2</div>
    <div class="item">3</div>
    <div class="item">4</div>
</div>

<a href="#" class="add-item">Add item</a>

CSS

.contentBox {
    overflow-x:scroll;
}
.item {
    display: table-cell;
    padding: 20px;
}

JavaScript

$('.add-item').click(function() {
    $('.contentBox').append('<div class="item">NEW ITEM</div>');
});