Как исправить стиль списка, не отображающийся при использовании столбцов CSS3 в Webkit

пример здесь: http://jsfiddle.net/R7GUZ/3/

У меня чертовски время получить list-style для работы в webkit для родительского OL, созданного с помощью

-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;

Как форматировать упорядоченный список в столбцы с помощью css3 и поддерживать стиль list-style?

           <ol class="text-col2">
                <li>
                    <strong>Can we call you?</strong>
                    <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia.</p>
                </li>

                <li>
                    <strong>Can we call you?</strong>
                    <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia.</p>
                </li>
            </ol>

Ответ 1

Добавление 20px margin-left к li выполнило трюк

ol li {
   list-style: decimal;
   margin-left: 20px
}

Ответ 2

Кажется, цифры действительно скрыты. Это можно решить, используя следующее свойство:

OL {
  list-style-position: inside;
}

Обратите внимание, если у вас есть reset свойства margin и padding (как в вашем примере в jsFiddle, где CSS был нормализован), вам нужно будет установить их в правильные значения, чтобы столбцы были правильно отформатированы.