Добрый день.

Подскажите, пожалуйста, как решить следующую проблему:

Имеется css следующего содержания:

div { text-align: justify; text-justify: newspaper }

...

.text { font-family: Tahoma, Georgia; font-size: 14px; line-height: 1.4em; color: #000000 }

...

Для выравнивание текста по ширине в html пишу код:

<div class="text">Здесь размещается текст.
<br>Вторая строка</div>

В браузере Opera текст отображается нормально. В Internet Explorer, если текст состоит из нескольких строк, разделенных тэгом <br> и какая-либо строка изначально вмещается по ширине, то она растягивается по всей области (выглядит нечитабильно с большим расстоянием между буквами).

Проблема решается открытием/закрытием тэга <div> для каждой строки:
<div class="text">Здесь размещается текст.</div>
<div class="text">Вторая строка</div>

Но это очень неудобно. Подскажите, пожалуйста, как сделать, чтобы строки с тэгами <br> нормально форматировались?

Спасибо.