title: How can I justify text in HTML/CSS?
body: <p>I made a little text in HTML and it's looking fine, but I want it to be neatly stacked, or neatly aligned. Link one shows what I have right now, and link two shows what I want. Please ignore the red "Verdana".</p>
  
  <p>This is what I have now, and what I don't want:
  <a href="http://postimg.org/image/hho1sip5b/c9d22691/" rel="nofollow">http://postimg.org/image/hho1sip5b/c9d22691/</a></p>
  
  <p>This is what I don't have yet, but what I want:
  <a href="http://postimg.org/image/7j5y11wjn/3d5e5ca5/" rel="nofollow">http://postimg.org/image/7j5y11wjn/3d5e5ca5/</a></p>
  
  <p>My code is as follows:</p>
  
  <pre><code>&lt;div class="left"&gt;
    &lt;p style="text-align: justify; height: 7px;"&gt;&amp;nbsp;&lt;/p&gt;
  
    &lt;p style="line-height: 22px; font-size: 10px; font-family: Verdana; "&gt;
      &lt;span style="letter-spacing: 1px"&gt;Big-ass piece of not-so-interesting text&lt;/span&gt;
    &lt;/p&gt;
  
    &lt;p style="line-height: 28px; font-size: 18px; font-family: GillSans-Light; "&gt;
      REDRUM
      &lt;br&gt;NIEUWE KAZERNELAAN 2-3
      &lt;br&gt;6711 JC EDE
      &lt;br&gt;POSTBUS 8193
      &lt;br&gt;6710 AD EDE
    &lt;/p&gt;
  &lt;/div&gt;  
  </code></pre>
  
  <p>All help greatly appreciated! Thanks in advance!</p>