title: Centered div and a right to left picture
body: <p>I want to put a picture right to left of my header div.
  Failed to do it. Could you help me?</p>
  
  <p>The Div is 80% width
  and centered with "margin: 0 10%;"</p>
  
  <p>HTML Code:</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
      &lt;title&gt; Yakir Freed &lt;/title&gt;
      &lt;link rel="stylesheet" href="css/style.css"&gt;
      &lt;img id="logo" src="images/logo.png" alt="Yakir Freed" /&gt;
      &lt;div id="header"&gt;
      &lt;/div&gt;
  &lt;/head&gt;
  </code></pre>
  
  <p>
    </p>
  
  <p>CSS Code :</p>
  
  <pre><code>body {
  background-color: darkgray;
  background-image: url('../images/website.jpg');
  background-repeat: repeat-x;
  }
  
  #logo {
  position: fixed;
  display: inline-block;
  left: 0px;
  top: 0px;
  margin: 0 10%;
  z-index: 2;
  }
  
  #header {
  position: fixed;
  display: inline-block;
  margin: 0 10%;
  top: 0px;
  width: 80%;
  height : 150px;
  background: rgb(217, 47, 54);
  z-index: 1;
  }
  </code></pre>