JSFiddle - React, Tailwind, and code Playground
HTML
<div class=column>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam pharetra
vulputate mi, ut dictum lectus scelerisque sed. Cras sodales
accumsan massa id hendrerit. Aliquam facilisis facilisis justo et
vehicula. Etiam et purus arcu. Sed sagittis fermentum nisl, vel
convallis eros luctus ac. Etiam semper vulputate molestie. Quisque
pharetra pharetra leo nec vulputate. Nullam vel scelerisque
justo. Duis quam nulla, sodales vitae dictum quis, facilisis vel
quam. Donec eros purus, feugiat eu sollicitudin id, facilisis
adipiscing est. Cras fermentum adipiscing sapien, vel condimentum urna
hendrerit sit amet.
<div class=figure>
<div class=image-wrap style="height:160px">
<div class=img style="width:150px;height:150px"></div>
</div>
<p class=caption>Figure 1
</div>
<p>
Duis feugiat pharetra mauris, sit amet porta risus lacinia a. Duis
est sem, ultricies eu faucibus sed, vulputate sed nisi. Pellentesque
habitant morbi tristique senectus et netus et malesuada fames ac
turpis egestas. Etiam dapibus, ligula in porta eleifend, libero diam
dignissim massa, quis pellentesque urna sapien nec nunc. Pellentesque
habitant morbi tristique senectus et netus et malesuada fames ac
turpis egestas. Pellentesque aliquam urna et felis sollicitudin
pellentesque. Ut sapien nisl, dignissim sed tempus in, adipiscing
ut dui. Vestibulum id leo vitae magna bibendum faucibus rhoncus
vitae tellus. Sed porttitor, velit eu ultricies porta, velit sem
tincidunt quam, sed posuere dui enim eu diam. Sed mattis vulputate
pharetra. Ut et elit eros. Etiam elit tellus, aliquam eu convallis
et, feugiat id turpis. Nunc aliquet, massa sit amet bibendum pretium,
augue odio blandit dui, id aliquam velit odio sit amet nisl. Ut
sapien sem, vulputate id venenatis accumsan, euismod malesuada
metus. Vestibulum eget purus et eros sollicitudin ullamcorper sed sit
amet velit. Morbi scelerisque accumsan mattis. Aenean...
CSS
html, body {
margin: 0;
padding: 0;
}
body {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAUCAYAAABMDlehAAAAGElEQVQIHWP4//8/AxMDENCEYF5zmvM/ADLgBaS3RwYiAAAAAElFTkSuQmCC);
font-size: 16px;
line-height: 20px;
}
p {
margin: 0;
}
p+p {
text-indent: 3ex;
}
div.column {
display: table-cell;
width: 400px;
border-right: 1px solid red;
}
div.figure {
text-align: center
}
div.image-wrap {
}
div.img {
display: inline-block;
background: green;
}