title: Make text move away from top left corner of page
body: <p>I am using   </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="sidebar_menu"&gt;
    &lt;i class="fa fa-times"&gt;&lt;/i&gt;
    &lt;center&gt;
      &lt;a href="index.html"&gt;
        &lt;h1 class="boxed_item"&gt;ADAM &lt;span class="logo_bold"&gt;MILLINGTON&lt;/span&gt;
        &lt;/h1&gt;
      &lt;/a&gt;
      &lt;h2 class="logo_title"&gt; 13 Year Old Web Developer&lt;/h2&gt;
    &lt;/center&gt;
  
    &lt;ul class="navigation_selection"&gt;
      &lt;li class="navigation_item"&gt;PROFILE&lt;/li&gt;
      &lt;a href="projects.html"&gt;
        &lt;li class="navigation_item"&gt;PROJECTS&lt;/li&gt;
      &lt;/a&gt;
      &lt;a href="https://github.com/Malefis"&gt;
        &lt;li class="navigation_item"&gt;GITHUB &lt;img class="github" src="css/assets/github.png" alt="Github image" width="20px" height="20px"&gt;&lt;/li&gt;
      &lt;/a&gt;
    &lt;/ul&gt;
  &lt;/div&gt;
  &lt;h1&gt; Hello World &lt;/h1&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>I am trying to add text to my website in the center, I have tried adding margin-left to the h1 element but there is an area of space on the top</p>
  
  <p><a href="https://i.stack.imgur.com/4pQuk.png" rel="nofollow noreferrer">Result</a></p>
  
  <p>My site is at malefis.github.io/portfolio or github.com/malefis/portfolio</p>