title: Centering in css
body: <p>I am trying to center a div that wil constantly appear when scrolling. How shall I center it because I have tried all the methods I've seen and none appear to work.
  Here is the code:</p>
  
  <pre><code>#header {
  position:fixed;
  top:0%;
  left:0%;
  height:100px;
  width:100%;
  }
  
  &lt;div id='header'&gt;
  &lt;button class='butt'&gt;Home&lt;/button&gt;
  &lt;button class='butt'&gt;Home&lt;/button&gt;
  &lt;img id='logo' src='Website/GUGM still logo.png' /&gt;         &lt;!--Header That Moves--&gt;
  &lt;button class='butt'&gt;Home&lt;/button&gt;
  &lt;button class='butt'&gt;Home&lt;/button&gt;
  &lt;/div&gt;
  </code></pre>