JSFiddle - React, Tailwind, and code Playground

HTML

<body>
<div id='header'>
<img src="images/wheaticon.jpg" hspace='10' height="200" width="300" >
<strong>Dashboard <br /> Wheat + Bardanana<br />  Purchase</strong>
</div>
</body>

CSS

#header {
    width: 60%;
    height:auto;
    color:  #4169E1;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    border: 1px solid #39F;
    margin:0 auto;
    overflow: hidden;
    position: relative;
}

#header img {
	display: inline-block;
  position: relative;
	vertical-align: middle;
  width: 40%;
}
#header strong {
	display: inline-block;
  position: relative;
	vertical-align: middle;
}