title: How to center a fixed element?
body: <p>I'm a total novice in HTML/CSS, but I'm having trouble with centering a fixed h1 element. It refuses to center itself and sticks to the left side of the page. I've tried setting the margin to auto, but it doesn't do a thing. Here's the code:</p>
  
  <pre><code>h1 {
  color: #580101;
  font-family: RobotoRegular;
  position: fixed;
  text-align: center;
  }
  
  * {
   background-color: #ecebe9;
   }
  
  #navbar {
  color: #000653;
  background-color: #00001a;
  height: 40px;
  border-radius: 3px;
  }
  
  .sidebar {
  background-color: black;
  width: 90px;
  height: 500px;
  float: left;
  margin: 30px 0px 0px 0px;
  }
  </code></pre>
  
  <p>And the HTML: </p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;link href="Fonts/stylesheet.css" rel="stylesheet" type="text/css"&gt;
      &lt;title&gt;Webpage&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div id="navbar"&gt;&lt;/div&gt;
      &lt;div class="sidebar"&gt;&lt;/div&gt;
      &lt;h1&gt;Hello World!&lt;/h1&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>So, what should I do?</p>