JSFiddle - React, Tailwind, and code Playground

HTML

<div class ="carusel">
    <ul class ="news">
        <li>
            <img src ="http://www.wowslider.com/images/help.images/export-image-size.gif" />
        </li>
        <li><img src ="http://www.wowslider.com/images/help.images/export-image-size.gif" /></li>
        <li><img src ="http://www.wowslider.com/images/help.images/export-image-size.gif" /></li>
        <li><img src ="http://www.wowslider.com/images/help.images/export-image-size.gif" /></li>
        <li><img src ="http://www.wowslider.com/images/help.images/export-image-size.gif" /></li>
    </ul>
</div>

CSS

.carusel{
    width: 600px;
    height: 200px;
    background: grey;
    overflow-x: scroll;
}
ul, li{
    padding: 0;
    margin: 0;
}
ul.news{
    width: 600xp;
    background: #FFF;
    margin: 10px;
}
ul.news li{
    display: inline-block;
    margin-bottom: 10px;
}
ul.news li img{
    width: 140px;
    height: 130px;
}