JSFiddle - React, Tailwind, and code Playground

HTML

<div class="img">
    <img src="http://inspirationfeed.com/wp-content/uploads/2010/06/Evolution_by_will_yen-500x500.png" alt="Klematis">
  <div class="desc">Add a description of the image herehvdbvhdlfhgkdfshgfgldfhgldfhgjljghldfhgdfkjgdslgsklghjjfjfgjgfjfgjhgdfjbdnkldsldfn</div>
</div> 

<div class="img">
  <a target="_blank" href="klematis4_big.htm">
    <img src="http://inspirationfeed.com/wp-content/uploads/2010/06/Evolution_by_will_yen-500x500.png" alt="Klematis">
  </a>
  <div class="desc">Add a description of the image here</div>
</div>

CSS

div
{
 width:500px;   
}
div.img {
width:100%;
}
div.desc {
     margin: 5px;
     padding:5px;
     word-wrap:break-word;
}