在显示演示文稿中左对齐列表

Question

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

使用 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; }