JSFiddle - React, Tailwind, and code Playground

HTML

<div id="page-wrap">

    <div class="post horizontal">

        <h2>Headline 01</h2>

        <div class="entry">
            <p>Lorem ipsum dolor...</p>
<p class="image"><img class="alignnone" src="http://bit.ly/jWYq4b" alt=""></p>
<p class="image"><img class="alignnone" src="http://bit.ly/jWYq4b" alt=""></p>
<p class="image"><img class="alignnone" src="http://bit.ly/jWYq4b" alt=""></p>
        </div>
    </div>

    <div class="post horizontal">

        <h2>Headline 02</h2>

        <div class="entry">
            <p>Lorem ipsum dolor...</p>
            <p class="image"><img class="alignnone" src="http://bit.ly/jWYq4b" alt=""></p>
            <p class="image"><img class="alignnone" src="http://bit.ly/jWYq4b" alt=""></p>
            <p class="image"><img class="alignnone" src="http://bit.ly/jWYq4b" alt=""></p>
        </div>
    </div>

</div>

CSS

.entry {
    overflow-x: scroll;
    white-space: nowrap;
}

.horizontal p.image {
    display: inline;
}