Logo image and H1 heading on the same line

Question

I want to create my first web page but I encountered a problem.

I have the following code:

Answer 1

Check this.

 .header{width:100%;
    }

    .header img{ width: 20%; //or whatever width you like to have

    }

    .header h1{

    display:inline; //It will take rest of space which left by logo.
}