JSFiddle - React, Tailwind, and code Playground
HTML
<section class="group">
<article class="single-article">
<header>
<a href="#try"><h1>The coming of age of the century</h1></a>
</header>
<div class="body">
<p>Est multos in quis est tempor ea incurreret. Senserit amet laborum, singulis eu
vidisse. Ingeniis tamen iis tempor relinqueret de cernantur est velit vidisse,
dolor ex nostrud, officia ipsum officia tempor, deserunt relinqueret et
ingeniis, sed pariatur transferrem eu admodum legam ipsum aut eram, id ad varias
litteris.
Sint consequat do officia te incurreret fugiat laborum appellat, lorem
excepteur reprehenderit quo anim commodo tractavissent ubi ingeniis lorem
vidisse nostrud a o quibusdam efflorescere sed legam quamquam in singulis aut
offendit firmissimum o laboris. Hic quem aliquip eu nulla litteris exquisitaque
se nam si philosophari an expetendis tamen summis te legam ex ex fugiat quid
quae singulis se duis singulis sed reprehenderit, iis summis multos ita litteris
eu sunt officia te eiusmod. Non legam eiusmod hic nam fabulas efflorescere,
culpa consequat si arbitror si se se legam tempor. Mentitum quis amet o legam.
Malis excepteur firmissimum, nescius iis nostrud, magna ullamco cohaerescant te
irure appellat possumus an fugiat consectetur probant ipsum expetendis qui si in
malis velit quid, tamen iis de malis cernantur ad ad anim deserunt deserunt.</p>
</div>
<img src="http://www.vietnamtravelblogs.com/wp-content/uploads/2013/01/44-LCS-82.jpg">
<div class="body">
<p>Sed o nulla sint quorum. Nisi e ne quid laboris, fabulas cillum fugiat
expetendis aliqua se ab velit sed summis, an de...
CSS
img {
width:100%;
max-width: 100%;
float:right;
margin-bottom:30px;
}
.img-wrapper {
height:100px;
overflow:hidden;
margin-bottom:10px;
}
article .body {
width:60%;
float:right;
}