title: HTML justify text-align with <pre> tag
body: <p>I have a problem with the text-align "justify" inside a paragraph with format and fixed width, because I want the paragraph text in HTML to appear totally justified (like it would happen with a MS Word file). However, this does not happen. What I need to modify to achieve it?</p>
  
  <pre><code>     &lt;pre style="color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: medium; width: 500px; text-align: justify;"&gt; 
  
  I have a problem with the text-align "justify" inside a paragraph with format and fixed width, because I want the paragraph text in HTML to appear totally justified (like it would happen with a MS Word file). However, this does not happen. What I need to modify to achieve it?
  
          &lt;/pre&gt;
  </code></pre>
  
  <p><strong>EDIT:</strong> if I replace the <code>&lt;pre&gt;</code> tag with <code>&lt;p&gt;</code> tag, my code works properly. Can somebody explain me why? Perhaps I am using a wrong use of <code>&lt;pre&gt;</code> tag.</p>