JSFiddle - React, Tailwind, and code Playground

HTML

<div class="row">
    <div class="icon"><img src="http://www.gravatar.com/avatar/96883f361f3c422857fb34e5bd9e83d7?s=32&d=identicon&r=PG" /></div>
  <div class="message">some long content here some long content here some long content here</div>
</div>
<div class="row">
  <div class="icon"><img src="http://www.gravatar.com/avatar/96883f361f3c422857fb34e5bd9e83d7?s=32&d=identicon&r=PG" /></div>
  <div class="message">some long content heresome long content here some long content here some long content here</div>
</div>

CSS

.row { position: relative; border: 1px dashed #818181; border-left: 0; border-right:0; padding: 1ex 0; margin: 1em 0;}
.icon { position: absolute; } 
.message { margin-left: 48px; }