левые выровненные списки в презентациях с открытием

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, но это не помогло.

EDIT: Добавлен Пример

Here минимальный пример с моими local.css демонстрирующими недостающим выравниванием списка.

Answer 1

Выяснил это. Оказывается, это легко. Изменение свойства displayul|ol|dl от inline-block до block решило мою проблему.

Я добавил это к моему local.css:

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