JSFiddle - React, Tailwind, and code Playground

by Maggie Phoz

HTML

<div id="main">
		
		<div id="wrap">
			<div class="header">
				<span class="img_frame">
					<img src="http://phone.pe.hu/main_logo_white.png">
				</span>
			</div>
		</div>
	</div>

CSS

#wrap .header {
    position:relative;
    background-color: rgba(35, 81, 112, 0.9);
    opacity: 0.8;
    width:598px;
    height:72px;
    float:left;
    text-align: center;
    display: block;    
}

#wrap .header .img_frame {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

#wrap .header .img_frame img {
    display: inline-block;
    width: 182px;
    vertical-align: middle;
}