JSFiddle - React, Tailwind, and code Playground

HTML

<div class ="carusel">
    <ul class ="news">
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
    </ul>
</div>

CSS

.carusel{
    width: 600px;
    height: 120px;
    background: grey;
    overflow-x: scroll;
}
ul, li{
    padding: 0;
    margin: 0;
}
ul.news{
    width: 700xp;
    height: 100px;
    background: #FFF;
    margin: 10px;
}
ul.news li{
    display: inline-block;
    width: 100px;
    height: 100px;
    background: yellow;
    margin-bottom: 10px;
}