JSFiddle - React, Tailwind, and code Playground

HTML

<div class="media">

  <a href="http://twitter.com/stubbornella" class="img">
      <img src="//placekitten.com/150/100" alt="me" />
  </a>

  <div class="bd">
    @Stubbornella 14 minutes ago f
  </div>

</div>

<div class="media">

  <a href="http://twitter.com/stubbornella" class="img">
      <img src="//placekitten.com/150/100" alt="me" />
  </a>

  <div class="bd">
    @Stubbornella 14 minutes ago f
  </div>

</div>

CSS

/* ====== media ====== */
.media {margin:10px;}
.media, .bd {overflow:hidden; _overflow:visible; zoom:1;}
.media .img {float:left; margin-right: 10px;}
.media .img img{display:block;}
.media .imgExt{float:right; margin-left: 10px;}