JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li>
        <img src="http://placehold.it/150x150" alt="">
        <div class = "text-date">28 марта 2015 г.</div>
    </li>
        <li>
        <img src="http://placehold.it/150x150" alt="">
        <div class = "text-date">28 марта 2015 г.</div>
    </li>
            <li>
        <img src="http://placehold.it/150x150" alt="">
        <div class = "text-date">28 марта 2015 г.</div>
    </li>
                <li>
        <img src="http://placehold.it/150x150" alt="">
        <div class = "text-date">28 марта 2015 г.</div>
    </li>
                    <li>
        <img src="http://placehold.it/150x150" alt="">
        <div class = "text-date">28 марта 2015 г.</div>
    </li>
                        <li>
        <img src="http://placehold.it/150x150" alt="">
        <div class = "text-date">28 марта 2015 г.</div>
    </li>
        
</ul>

CSS

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

li {
    float: left;
    margin-right: 5px;;
}