JSFiddle - React, Tailwind, and code Playground

HTML

<div id="header">
    <img src="http://cdn.flaticon.com/png/256/60510.png" />
</div>

CSS

#header{
    border: 1px solid red;
    height: 30px;
}

img{
    height:20px;
    vertical-align: middle;
}

#header:before,
.frame_before {
    content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}