JSFiddle - React, Tailwind, and code Playground

HTML

<div class="extended"> 
                  <div class="thumb"><img src="i=" width="50" height="50"  /><span class="draft">Draft</span>        </div>
                    <div class="right_cnt">
                    <h1>lorem ipsum heading</h1>
                      </div>
                    </div>

CSS

.extended {
	height: auto;
	overflow: auto;
	position: relative;
	cursor: default;
	border-bottom: #f3f3f3 solid 2px;
	margin-bottom: 8px;
	clear: both;
}
.right_cnt {
	display: table-cell;
	background:#FFC;
}
.thumb {
	display: table-cell;
	float: left;
	margin: 0 8px 0 0;
    background:grey
}
.thumb img {
	text-align: center; border:#333 solid 2px
}
.thumb a {
	 position:relative; 
}