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

CSS

ul {
    list-style: none;
    padding: 0;
    margin: 0;  
}
li {
    padding: 0;
    margin: 0 3px 0 0;
    display: inline-block;

}
img, div {
    display: inline-block;
}
.description {
    font-size: 10px;   
}
.left {
    margin-right: 5px;   
}