JSFiddle - React, Tailwind, and code Playground

HTML

<div class="oppost">
  <div>
   <span class="post-name">Аноним</span>
   <span class="post-time"> 24.01.2017 10:22:59</span>
   <span class="post-number" id="1"><a href="#1">№</a><a href="#">1</a>&nbsp;</span>
  </div>
  <div>
   <span class="post-file-size"><a href="https://lh5.ggpht.com/6G3wCupIFZy1NuiSYiGzPcPIj3PCyfB5wFb9wV-9tsayloSA_pVfb6TTWU1rgddo0A=w300">image.jpg</a>(57.93КБ, 604x442)</span>
  </div>
   <span class="post-image"><a href="image.jpg"><img alt="" src="https://lh5.ggpht.com/6G3wCupIFZy1NuiSYiGzPcPIj3PCyfB5wFb9wV-9tsayloSA_pVfb6TTWU1rgddo0A=w300"></a></span>
   <span class="post-text">
Строка1<br/>
Строка2<br/>
Строка3<br/>
Строка4<br/>
   </span>
   <div class="clr"></div>
</div>

CSS

.post-image{
  float:left;
  width:20%;
}
.post-text{
  float:left;
  width:80%;
  box-sizing:border-box;
  padding:0px 10px;
}

img{
  width:100%;
}

.oppost>div:not(.clr){
  padding-bottom:5px;
}

.clr{
  clear:both;
}