JSFiddle - React, Tailwind, and code Playground

by zaknotzak

HTML

<div id="product">
            <img src="http://lorempixel.com/output/animals-q-c-100-100-3.jpg" width="240" >
            <img src="http://lorempixel.com/output/animals-q-c-100-100-3.jpg" width="240" >
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
</div>

CSS

div#product  > img:first-child {
    float: left;
    margin-left: 55px;
    margin-bottom: 20px;
}
#product img {
    float: right;
    margin-right: 55px;
    margin-bottom: 20px;
}
#product img::after {
    clear: both;
}