title: How do I put a piece of text above another? (Using div)
body: <p>I am creating a website, but the top of the website with the name and what page you are on is too far spaced out. ATM it looks like this;</p>
  
  <pre><code>                                Website Name
  
                                 Page you're on
  </code></pre>
  
  <hr>
  
  <p>But I want there to not be the spaces between. I have tried using div tags to position it but whatever I do they dont move.</p>
  
  <p>My code is </p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;title&gt;Website name -Home&lt;/title&gt;
  &lt;style&gt;
  body {
  background-color: #3399FF;
  }
  
  h2 {
  text-align: center;
  font-family: 'Arial Narrow', Arial, sans-serif;
  }
  
  h4 {
  text-align: center;
  font-family: 'Arial Narrow', Arial, sans-serif;
  }
  
  p{
  font-family: 'Arial Rounded MT Bold', 'Helvetica Rounded', Arial, sans-        serif;
  }
  
  hr { 
  width: 100%
  }
  
  #pageTop {
  position: absolute;
  top: 80px;
  right: 0;
  width: 200px;
  height: 100px;
  border: 3px solid #8AC007;
  }
  
  #titleDivide{
  position: relative;
  }
  
  
  
  &lt;/style&gt;
  &lt;body&gt;
  
  &lt;div #id="pageTop"&gt;
  &lt;h2&gt;Website Name&lt;/h2&gt;
  &lt;h4&gt;Home&lt;/h4&gt;
  &lt;/div&gt;
  
  &lt;div #id="titleDivide"&gt;
  &lt;hr /&gt;
  &lt;/div&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>