JSFiddle - React, Tailwind, and code Playground

by Artem Borovikov

HTML

<div class="wrapper">
    <div class="inner">
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto accusamus dignissimos quod, laboriosam vel, odit culpa voluptatum unde dolorem, quia ad excepturi non quos? Nihil aperiam maxime vel aliquid eum.
    </div>
</div>

CSS

.wrapper {
    overflow: hidden;
}

.inner {
    overflow-x: scroll;
    margin-bottom: -17px; /*  height of scroll */
    white-space: nowrap;
}