JSFiddle - React, Tailwind, and code Playground

HTML

<div class="news_item">	
            <div class="featured_leftpart"><img src="" width="48" height="48" /></div>
		  <div class="featured_rightpart">
              <div class="title_wrapper">
                  <h2 class="entry-title"><a href="" >TEXT<br />multi<br />line </a></h2>
              </div>
		  </div>
	    </div>

CSS

.news_item
{
  width:300px;
  position:relative;
  padding:10px;
  height:100px;
  margin:10px;
   border:1px solid #e8e8e8;
}

div.featured_leftpart
{
  position:relative;
  float:left;
  width:64px;
  height:100%;
}

div.featured_leftpart img{
  position:absolute;
    background-color:#ff00ff;
  top:0;
  bottom:0;
  left:0;
  right:0;
  margin:auto;
}

div.featured_rightpart
{
    background-color:#ff0000;    
  float:left;
  width:180px;
  padding-left:10px;
    height:100%;
    line-height:100px;
}

div.title_wrapper {
    display:inline-block;
    vertical-align:middle;
    line-height:1.25em;
}

.featured_rightpart h2
{
    vertical-align:middle;
    margin-top:0px;
    margin-bottom:0px;
}