Как оформить длинный

 HTML блок, подходящий для ограниченного по ширине устройства, такого как iPhone

У меня длинный блок pre, я хочу, чтобы он просматривался в мобильных браузерах, например, на iPhone

например,

a very long pre block start here here here here here here here here here here
    2nd line with intent
        3rd line with intent

Как сделать так, чтобы wordwrap, но сохранить отступы?

e.g.
    a very long pre block start here here here here here here 
    here here here here
        2nd line with intent
            3rd line with intent

Я не хочу иметь полосу прокрутки для мобильных устройств, поэтому лучше иметь какой-то способ автоматически обернуть предложение.

Самый похожий метод, который я пробовал, это использовать CSS

 pre {
            white-space: pre-line;
        }

Но не совсем так, как я хочу, как показано выше.

Обновлено: Ссылка: http://pastehtml.com/view/bisxytioa.html