HTML justify text-align with

 tag

У меня проблема с выравниванием текста "justify" внутри абзаца с форматом и фиксированной шириной, потому что я хочу, чтобы текст абзаца в HTML выглядел полностью выровненным (как это было бы в файле MS Word). Однако этого не происходит. Что мне нужно изменить, чтобы добиться этого?

     <pre style="color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: medium; width: 500px; text-align: justify;"> 

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?

        </pre>

EDIT: если я заменю тег

 на тег 
, мой код работает правильно. Кто-нибудь может объяснить мне, почему? Возможно, я неправильно использую тег 
.