стилизованных буквенные списки в EPUB

Question

В одном EPUB, я хотел бы стиль один литерный список таким образом:

(a) Some text goes here. 
(b) More text here. 
(c) This line is longer. It goes on and on. And on some more. And then it 
    keeps going until it wraps. 
(d) Another long line. This one will wrap too, once it gets to be long 
    enough. You get the idea. The text should always line up while the 
    list letters hang. 

Следующий код будет делать то, что я хочу на основе каждого списка :

ol.alpha_list { 
    counter-reset: item; 

} 

ol.alpha_list > li { 
    list-style: none; 
    position: relative; 
} 

ol.alpha_list li:before { 
    counter-increment: item; 
    content:"(" counter(item, lower-alpha) ") "; 
    position: absolute; 
    left: -1.4em; 
} 

Но это не делает правильно в моем epub-файле. Получается так:

(a) Some text goes here. 
(b) More text here. 
(c) This line is longer. It goes on and on. And on some more. And then it 
keeps going until it wraps. 
(d) Another long line. This one will wrap too, once it gets to be long 
enough. You get the idea. The text should always line up while the 
list letters hang. 

Есть ли способ, чтобы заставить его работать, как и в первом примере?

Answer 1

попробуйте добавить «list-style-position: outside;»; и "margin-left: 2em;" в li css.

ol.alpha_list { 
    counter-reset: item; 

} 

ol.alpha_list > li { 
    list-style: none; 
    position: relative; 
    list-style-position: outside; 
    margin-left: 2em; 
} 

ol.alpha_list li:before { 
    counter-increment: item; 
    content:"(" counter(item, lower-alpha) ") "; 
    position: absolute; 
    left: -1.4em; 
}