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

想通了。事实证明很容易。更改 display ul|ol|dl的属性(property)来自inline-block至block解决了我的问题。

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

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