Подскажите куда копать с настройкой CSS

На моем сайте создаются минисайты, которые наполняются информацией как результат заполнения полей формы. Один из полей ввода – Textarea, куда вводится текстовая информация без форматирования, html тегов, но текст структурирован просто пробелами и ентером в конце строк, где необходимо.

Однако при выводе макросом данных этого поля Textarea строки склеивались и лишние пробелы удалялись.

Пример введенного текста в Textarea:
1. Масложировая промышленность
2. Медицинская промышленность
3. Пищевая промышленность
Мы поставляем бланшированный арахис из Индии за рубеж.

Вывод макросом:
1. Масложировая промышленность 2. Медицинская промышленность 3. Пищевая промышленностьМы поставляем бланшированный арахис из Индии за рубеж.

Нужно было как-то с этим бороться и я просто обернул упомянутый макрос <div> с классом
и посредством css попытался настроить на вывод как нужно.
<div class="minisite-tab">[macros]</div>

В css прописал

.minisite-tab {
  white-space: pre-line;
}

Стало почти нормально:
1. Масложировая промышленность
2. Медицинская промышленность
3. Пищевая промышленностьМы поставляем бланшированный арахис из Индии за рубеж.

Почему-то последняя строчка склеивается.

Я догадываюсь, что нужно в css еще чего-то дописать, но не нахожу что. Поэтому нуждаюсь в совете как решить проблемы и с какими операторами поэкспериментировать. Спасибо.`

Страница, с которой нужна помощь: [войдите, чтобы увидеть ссылку]