Html 内容没有'；t安装在<；预处理>；

我正在学习一点css/html/bootstrap，我想知道为什么，

中的文本没有正确包装，并且添加了水平滚动条。

pre {
    white-space: pre-wrap;       /* Since CSS 2.1 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
} 

有没有办法删除它并以更好的方式容纳所有内容

请看下图。 谢谢和问候

可能存在的副本