JSFiddle - React, Tailwind, and code Playground
HTML
<div class="entry">
<div class="entry-row">
<a href="article.html"><img src="3page-img1.jpg" width="130px" height="130px" class="imgrL" style="margin-right:10px"></a> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean vel ligula vel felis pretium gravida... Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean vel ligula vel felis pretium gravida...
</br>
<p style="float:right"> Read more </p>
</div>
<div class="entry-row">
<a href="article.html"><img src="3page-img1.jpg" width="130px" height="130px" class="imgrL" style="margin-right:10px"></a> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean vel ligula vel felis pretium gravida... Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean vel ligula vel felis pretium gravida...
</br>
<p style="float:right"> Read more </p>
</div>
<div class="entry-row">
<a href="article.html"><img src="3page-img1.jpg" width="130px" height="130px" class="imgrL" style="margin-right:10px"></a> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean vel ligula vel felis pretium gravida... Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean vel ligula vel felis pretium gravida...
</br>
<p style="float:right"> Read more </p>
</div>
<div class="entry-row">
<a href="article.html"><img src="3page-img1.jpg" width="130px" height="130px" class="imgrL" style="margin-right:10px"></a> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean vel ligula vel felis pretium gravida... Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean vel ligula vel felis pretium gravida...
</br>
<p style="float:right"> Read more </p>
</div>
</div>
CSS
.entry{
width=100%;
display:table;
}
entry-row {
border: 2px #000000 solid;
margin-top:5px;
margin-bottom:5px;
display: table-row;
}
.imgrL {
border: 1px solid #c7c5c8;
padding: 5px;
float:left;
clear:left;
}