JSFiddle - React, Tailwind, and code Playground

by Love Trivedi

HTML

<header>
<div id="logomark">
   <img src="img.png" width="288px" height="80px"/>
</div>
</header>

CSS

header { width: 400px; height: 100px; padding: 10px; }

#logomark { height: 100%; border: 1px solid #000;position: relative;}

#logomark img { border: 1px solid #000; position: absolute;top:0;
bottom:0;left:0;right:0; margin:auto;}