title: HTML/CSS - Right and left align on the same line?
body: <p>First off, I know there are ways to make it so that text can be on the same line.  But I am not sure how to extend on this.  This is what I have so far:</p>
  
  <p><a href="https://i.stack.imgur.com/PiVke.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/PiVke.jpg" alt="Should be all the way across"></a>
  </p>
  
  <p>How would I be able to make it so it goes all the way across without using tables?</p>
  
  <p>This is the HTML portion:</p>
  
  <pre><code>&lt;p style="float: left;" class="details"&gt;&lt;a href="#Top"&gt;To Top&lt;/a&gt;&lt;/p&gt;
  &lt;p style="float: right" class="details"&gt;Latest Version:  0.3.6.17 | Downloads: 12 | &lt;a href="#"&gt;Download&lt;/a&gt;&lt;/p&gt;
  </code></pre>
  
  <p>This is the CSS portion:</p>
  
  <pre><code>.details {
  padding: 7px 15px;
  margin: 20px 15px 15px 15px;
  background: #111111;    
  }
  </code></pre>
  
  <p>I would really hate to have to resort to tables for this.  Is there an easier way.  Thank you anyone who can help me.</p>