title: HTML - Text in the center of a webpage
body: <p>Okay, so I am quite new to website-development and am working on a new website with a friend. I have come up with this code so far, but for some reason the text is on one different line. How do I make this text be stretched out along ONE line across the page? Thanks!</p>
  
  <p>Code (HTML)</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;head&gt;
  &lt;link rel="stylesheet" type="text/css" href="csgositecss.css"&gt;
  &lt;title&gt;CSGOCarry.com | Win Big!&lt;/title&gt;
  &lt;div class="center"&gt;
    &lt;h1&gt;Welcome to CSGOCarry&lt;/h1&gt;
  &lt;/div&gt;
  
  .center{
      position:absolute;
      height: 50px;
      width: 50px;
      left:50%
      top:50%
  }
  &lt;/head&gt;
  </code></pre>
  
  <p>Code (CSS)</p>
  
  <pre><code>body {background-image: url("csgocarryback.jpg"); background-size: 100%;}
  
  h1 {color:white; text-align:center; font-size:50px}
  
  div {
      height: 200px;
      width: 400px;
      background: none;
  
      position: fixed;
      top: 50%;
      left: 50%;
      margin-top: -100px;
      margin-left: -200px;
  }
  </code></pre>