Элемент pre отображается следующим образом
Текст в элементе pre отображается шрифтом фиксированной ширины , и он сохраняет , как пробелы так и разрывы строк
Измените настройки CSS по умолчанию, чтобы увидеть эффект.