Если текст не помещается целиком в рамку добавьте в стиль дива с текстом overflow: auto. Появится полоса прокрутки. Все что находится между тэгами <pre> и </pre>  будет выведено со всем пробелами и переносами точно так же как выглядит в редакторе 

Незабываем убирать галочку "Сохранять переводы строк в тексте"

Пример:.

<div style="background: url('http://s55.radikal.ru/i150/0906/37/410a964c9969.png'); width: 550px; height: 562px; border: solid 1px #ffffff;">
<div style="width: 300px; height: 250px; margin-top: 210px; margin-left: 130px; text-align: center; font-size: 14px; overflow: auto;">
<pre>
ОБМАН

М.А.Горенко

1

Весенним солнцем это утро пьяно,
И на террасе запах роз слышней,
А небо ярче синего фаянса.
Тетрадь в обложке мягкого сафьяна;
Читаю в ней элегии и стансы,
Написанные бабушке моей.

Дорогу вижу до ворот, и тумбы
Белеют четко в изумрудном дерне.
О, сердце любит радостно и слепо!
И радуют пестреющие клумбы,
И резкий крик вороны в небе черной,
И в глубине аллеи арка склепа.

2 ноября 1910, Киев
</pre>
</div></div>

ОБМАН

М.А.Горенко

1

Весенним солнцем это утро пьяно,
И на террасе запах роз слышней,
А небо ярче синего фаянса.
Тетрадь в обложке мягкого сафьяна;
Читаю в ней элегии и стансы,
Написанные бабушке моей.

Дорогу вижу до ворот, и тумбы
Белеют четко в изумрудном дерне.
О, сердце любит радостно и слепо!
И радуют пестреющие клумбы,
И резкий крик вороны в небе черной,
И в глубине аллеи арка склепа.

2 ноября 1910, Киев

А делается это совсем просто: стоит лишь заключить Ваш текст между вот такими тэгами:

<font style="text-decoration:blink;">ВАШ ТЕКСТ</font>

и получится вот так  

К сожалению, для пользователей Internet Explorer данная подсказка бесполезна, так как не функционирует в этом браузере!