title: Fixed Position Header Div Centered With 80% Width
body: <p>I tried to create a div as a header bar and failed.
  I want the div will be fixed, centered and 80% width.</p>
  
  <p>Code :</p>
  
  <pre><code>#header {
  position: fixed;
  display: inline-block;
  /*left: 0px*/
  top: 0px;
  margin: auto;
  width: 80%;
  height : 175px;
  border: 1px solid black;
  }
  </code></pre>
  
  <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;div id="header"&gt;
          &lt;img id="logo" src="images/logo.png" alt="Yakir Freed" /&gt;
      &lt;/div&gt;
  &lt;/head&gt;
  &lt;body&gt;&lt;/body&gt;
  &lt;/html&gt;  
  </code></pre>