Использование валидаторов flask_wtf для контроля ввода не работает

Я искал фактический вертикальный текст, а не повернутый текст в HTML, как показано ниже. Поэтому я мог бы достичь этого, используя следующий метод.

[/g3] HTML: -

Hi This is Vertical Text!

CSS: -

.vericaltext{
    width:1px;
    word-wrap: break-word;
    font-family: monospace; /* this is just for good looks */
}

JSFiddle! Демо.

Обновление: если вам нужны отображаемые пробелы, добавьте следующее свойство в ваш css.

white-space: pre;

Итак, класс css должен быть

.vericaltext{
    width:1px;
    word-wrap: break-word;
    font-family: monospace; /* this is just for good looks */
    white-space: pre;/* this is for displaying whitespaces */
}

JSFiddle! Demo With Whitespace

Обновление 2 (28-JUN-2015)

Поскольку white-space: pre;, похоже, не работает (для этого конкретного использования) в Firefox (на данный момент ), просто измените эту строку на

white-space: pre-wrap;

Итак, класс css должен быть

.vericaltext{
    width:1px;
    word-wrap: break-word;
    font-family: monospace; /* this is just for good looks */
    white-space:pre-wrap; /* this is for displaying whitespaces including Moz-FF.*/
}

JsFiddle Demo FF Compatible.