JSFiddle - React, Tailwind, and code Playground

HTML

<div class="article">
<time datetime="06-07-2018">July 07 2018</time>
<h1>This is first article</h1>
<img src="img/1.jpg">
<p> Lorem ipsum, dolor sit amet consectetur adipisicing elit. Eaque aperiam fugit animi magni voluptate porro, minus
unde ab quasi quaerat impedit ad consequatur eligendi consequuntur cum atque dignissimos! Beatae, corrupti?
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Eaque aperiam fugit animi magni voluptate porro,
minus unde ab quasi quaerat impedit ad consequatur eligendi consequuntur cum atque dignissimos! Beatae, corrupti?</p>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Eaque aperiam fugit animi magni voluptate porro, minus
unde ab quasi quaerat impedit ad consequatur eligendi consequuntur cum atque dignissimos! Beatae, corrupti?</p>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Eaque aperiam fugit animi magni voluptate porro, minus
unde ab quasi quaerat impedit ad consequatur eligendi consequuntur cum atque dignissimos! Beatae, corrupti?</p>
</div>

CSS

div img {
width: 15%;
float: left;
margin: 10px 10px;
}

div p:nth-of-type(1) {
border-left: 3px solid gray;
padding-left: 5px;
display: flex;
}