Sir I have these codes

#header {
    width: 60%;
    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;

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

It displays this result

But I need word DASHBOARD to be displayed as


Horizontally and Vertically center next to image.


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 developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.