如何在 Jekyll 中为代码块添加边距？

Question

目前我的 Jekyll 博客上的代码块如下所示：

我希望它们在左侧有 边距，如下所示：

最好，我还想要顶部和底部更大的 边距。

在 Jekyll 中可以吗 CSS？我当前的代码库位于 https://github.com/jjarzynski/jjarzynski.github.io/tree/master/_sass.

Answer 1

添加 display: block; padding: 10px; 解决了。

之前：

.highlight code, .highlight pre {
  color:#fdce93;
  background-color:#3f3f3f;
}

之后：

.highlight code, .highlight pre {
  color:#fdce93;
  background-color:#3f3f3f;
  display: block;
  padding: 10px;
}