Css 如何使用Lanyon在Jekyll中启用水平滚动

我有一个网站托管在Github页面上，使用Jekyl和Lanyon主题。然而，无论我如何摆弄CSS，我似乎无法使代码块具有水平滚动条。默认情况下，它们会自动换行，我可以将文本扩展到框之外，但无法获得滚动条

此页上的第一个代码块有几行换行：

---

我尝试了所有的建议，但没有一个有效。

通过Jekyll 3.4.0和Poole，Lanyon，我能够通过添加以下CSS来正确滚动水平代码：

pre.highlight {
    word-wrap: normal;
    overflow-x: auto;
    white-space: pre;
}