JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li>
    <img src="http://www.gravatar.com/avatar/205e460b479e2e5b48aec07710c08d50?f=y&s=32&d=mm" class="left" />
    <p><strong><a href="#">The link title</a></strong></p>
    <p class="description">A short description</p>
  </li>
  <li>
    <img src="http://www.gravatar.com/avatar/205e460b479e2e5b48aec07710c08d50?f=y&s=32&d=mm" class="left" />
    <p><strong><a href="#">The link title</a></strong></p>
    <p>A short description</p>
  </li>
  <li>
    <img src="http://www.gravatar.com/avatar/205e460b479e2e5b48aec07710c08d50?f=y&s=32&d=mm" class="left" />
    <p><strong><a href="#">The link title</a></strong></p>
    <p class="description">A short description</p>
  </li>
</ul>

CSS

ul {
    list-style: none;
    padding: 0;
    margin: 0;  
}
li {
    padding: 0;
    margin: 0 3px 0 0;
    float: left;   
    max-width: 120px;
}
.description {
    font-size: 10px;   
}
.left {
    float: left;
    margin-right: 5px;   
}