HTML выровнять текст по тегу <pre>

У меня есть проблема с выравниванием текста "выровнять" внутри абзаца с форматом и фиксированной шириной, потому что я хочу, чтобы текст абзаца в 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>

РЕДАКТИРОВАТЬ: если я заменю <pre> пометить с <p> тег, мой код работает правильно. Может кто-нибудь объяснить мне, почему? Возможно, я неправильно использую <pre> тег.

Источник

3 ответа

Решение

Чтобы оправдать текст в <pre> вам нужно добавить white-space: normal; в ваших стилях, но на мой взгляд, это упускает из виду использование <pre> тег.

-- Редактировать --

Вместо <pre> тег, который вы можете просто использовать <div> с соответствующими стилями. Может подражать <pre> тег очень хорошо и с ним легче играть.

Источник 
  pre {
    text-align: left;
    white-space: pre-line;
  }
Источник

Используйте теги:

<pre><code>
Your text
Your text
</code></pre>

Удалите все пробелы, предшествующие вашему тексту, все отступы.

Источник
Другие вопросы по тегам