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

As example (DEMO):

HTML:

  
  
My website name

CSS:

.header img {
  float: left;
  width: 100px;
  height: 100px;
  background: #555;
}

.header h1 {
  position: relative;
  top: 18px;
  left: 10px;
}

DEMO