title: Responsive Previous and Next Navigation
body: <p>Trying to make navigation with Previous and Next button.</p>
  
  <p>Want the Previous and Next to be on both ends of the screen. They need to be responsive and float closer to each other with the size of the screen. However, the previous and next buttons can't be one over the other.</p>
  
  <p>My current CSS and HTML is as follows:</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;div id="navigation_wrapper"&gt;
  &lt;div&gt;&lt;a href="previous.html"&gt;previous&lt;/a&gt;&lt;a href="next.html"&gt;next&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;
  </code></pre>
  
  <p>Connected CSS</p>
  
  <pre><code>div#navigation_wrapper {
     width: 100%;
     padding: 5px 0px 30px 0px;
     background-color: orange; 
     opacity:0.8;
   }
  </code></pre>