JSFiddle - React, Tailwind, and code Playground

HTML

<div id="main">
 <div id="abc">
     <img src='http://d1n2ocphyqwvae.cloudfront.net/wp-content/uploads/national-geo.gif'>asdfasdfafasdfasdf
 </div>
  
</div>

CSS

body{
	padding: 0;
	margin: 0;
    margin:0px auto;
}
#main{
    position: relative;
	background-color:blue;
	width:500px;
	height:500px;
}
#abc{
	font:Verdana, Geneva, sans-serif;
	font-size:18px;
	text-align:left;
	background-color:#0F0;
	height:50px;
    vertical-align:middle;
    line-height: 45px;
}
#abc img{
    vertical-align: middle;
}