JSFiddle - React, Tailwind, and code Playground

HTML

<section id="no-columns">
    <p>Proin vel massa est. Suspendisse potenti. Aliquam semper gravida varius. Ut fermentum porta nisi, id varius nunc volutpat non. Sed congue, purus vulputate placerat ornare, felis justo venenatis nisi, vel aliquet mi felis commodo nisi.</p>
</section>

<section id="content">
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis lacinia, diam eu vestibulum faucibus, sapien lorem placerat sapien, nec convallis felis enim ac tortor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nullam risus velit, luctus sit amet posuere eleifend, fermentum ut tellus. Morbi molestie pharetra interdum. Fusce a semper elit. Mauris rutrum, purus sit amet sodales laoreet, dui enim ultricies nibh, vitae rutrum odio tortor at velit. Quisque pharetra venenatis interdum. Mauris tincidunt blandit mattis. Nunc ut ultricies ligula. Phasellus consequat erat id justo tincidunt et ullamcorper sapien ultrices. Nam posuere odio sed ante sagittis non congue quam facilisis. Maecenas porta est ac sapien fermentum imperdiet. Phasellus molestie scelerisque consectetur.</p>
    <p>Etiam ut erat ut elit faucibus aliquet tristique id mauris. Duis ac lacus turpis, sit amet cursus lacus. Curabitur nunc diam, laoreet a pulvinar et, lacinia sed dolor. Sed lacinia nisi id felis vestibulum sagittis. Maecenas euismod consequat malesuada. Praesent pretium convallis libero, quis pharetra felis commodo eget. Morbi sed condimentum justo. Etiam quis elit a tellus ultricies condimentum. Phasellus rutrum pulvinar dolor a consectetur. Nullam gravida tempus mi vel malesuada. Donec fermentum sem eu lacus dignissim eleifend. Phasellus porta commodo urna. Nam magna nibh, placerat vel placerat vel, aliquam sed velit. Morbi euismod dapibus feugiat.</p>
    <p>Mauris quam lectus, posuere eget ornare vel, viverra eget nunc. Sed suscipit congue tincidunt. Aenean pellentesque, purus eget accumsan vestibulum, justo turpis aliquam purus, non...

CSS

/*
 * Let's consider the simpler case...without columns
 */
#no-columns {
    overflow: scroll;
    padding: 10px 50px;
}
#no-columns p {
    white-space: nowrap;
    /* just to make it easier to see the boundaries */
    background-color: rgba(255,0,0,0.1);
}

/*
 * Now add columns to the mix.
 */
#content {
    height: 400px;
    padding: 10px 0 10px 50px;
    column-count: 4;
    -webkit-column-count: 4;
    column-gap: 0;  
    -webkit-column-gap: 0;
    overflow-x: scroll;
    overflow-y: hidden;
}
#content p {
    /* just to make it easier to see the boundaries */
    background-color: rgba(255,0,0,0.1);
    margin: 0 50px 0 0;
}