css - 显示演示文稿中的左对齐列表

Question

在 reveal 中使用默认 black.css 的演示文稿主题，我想左对齐演示文稿。

使用 local.css 我可以通过以下方式左对齐文本

.reveal p {
    text-align: left;
}

但我无法左对齐列表。

阅读 this question 我试着把

.reveal li { display: block }
.reveal li:before {
  content: counter(item) ". ";
  counter-increment: item;
  width: 2em;
  display: inline-block;
}

进入我的 local.css，但这没有帮助。

编辑:添加示例

Here是我的 local.css 的一个最小示例展示列表的缺失对齐。

Answer 1

想通了。结果很容易。将 ul|ol|dl 的 display 属性从 inline-block 更改为 block 解决了我的问题。

我将此添加到我的 local.css:

.reveal ol,
.reveal dl,
.reveal ul {
  display: block;
  text-align: left;
  margin: 0 0 0 1em; }