JSFiddle - React, Tailwind, and code Playground

HTML

<div class="news-container clearfix" style="width: 370px;">
 <div class="img"> 
  <img class="news-img" 
  src="http://www.peterspann.com/wp-content/uploads/2018/01/business-plan-3.jpg"   width="95" height="auto">
  </div>
  <div class="news">
  <span class="news-text">Taiwan flag emojii crashed iPhones 'to appease     China'</span><br>
  <span class="news-time">40 min</span>
  </div>
</div>

CSS

.img {width:30%;float:left;}
    .clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */
    .news-img {
      padding: 10px 10px 5px 10px;
      display: block;
      vertical-align: middle;      
    }
    
    .news-container {
      border: 2px solid black;
      height:100%;
      clear:both;
    }
    
    .news, .news-text, .news-time {
      display: inline-block;
      vertical-align: middle;
      color: black;
    }
    
    .news {
      font-size: 20px;
      margin-top: 5px;
      width:60%;     
    }
    
    .news-text {
      font-size: 15px;
    }
    
    .news-time {
      font-size: 12px;
    }