JSFiddle - React, Tailwind, and code Playground

HTML

<div class="outer"><div class="wrap">
<p><img class="left_pic" src="http://i.imgur.com/UAef0.jpg" width="100" height="100" />Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin sagittis cursus quam, nec tincidunt sapien imperdiet mattis. Integer lacinia, erat cursus congue dapibus, libero lacus mollis risus, et malesuada lectus ipsum sed nisl. Quisque dictum ante non diam scelerisque quis convallis metus imperdiet.<img class="right_pic" src="http://i.imgur.com/UAef0.jpg" width="100" height="100" /> Morbi tempus dolor in turpis congue sed ultrices nunc tempus. Donec dapibus magna ut velit aliquet vitae sodales quam euismod. Quisque sagittis ornare est et consequat. Nulla quam magna, rhoncus in facilisis quis, malesuada in arcu. In venenatis felis aliquam lectus molestie malesuada. Sed pretium vestibulum ante, in viverra libero fermentum viverra.
</p>
</div></div>

CSS

div.outer{
    background-color: #666;
    width:410px;
    margin:20px;
    padding:10px;
    }
div.wrap {
    width:400px;
    margin:auto;    
    }
div.wrap img{
    -moz-border-radius:20px;
    border-radius:20px;
    }
img.left_pic{
    float:left;
    margin:5px 10px 0px 0px;
    }
img.right_pic{
    float:right;
    margin:5px 0px 0px 10px;
    }
p {
    text-align:justify;
    }