JSFiddle - React, Tailwind, and code Playground

HTML

<div class="post-container">                
   <div class="post-thumb"><img src="http://dummyimage.com/50x50/000/fff&text=TEST" /></div>
   <div class="post-title">Post title</div>
   <div class="post-content"><p>post description description description etc etc etc</p></div>
    <div class="clear"></div> 
</div>

CSS

.post-container{
    margin: 20px 20px 0 0;  
    border:5px solid #333;
}

.post-thumb img {
    float: left;
    clear:left;
    margin-right:8px;
}
.post-title{
    float:left;
}
.post-content {float:right;margin-right:8px;}
.clear{clear:both;}