Sir I have these codes

#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;
}

#header img {
     margin-right: 15px;
    float: left;
}

<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>

It displays this result
Capture.JPG

But I need word DASHBOARD to be displayed as

Capture_-_Copy.JPG

Horizontally and Vertically center next to image.

Please

https://jsfiddle.net/j5Lrqmxd/

you should be able to modify this to meet your need.

In short, use display: inline-block and vertical-align: middle

Be a part of the DaniWeb community

We're a friendly, industry-focused community of 1.21 million developers, IT pros, digital marketers, and technology enthusiasts learning and sharing knowledge.