Wie Liste Stil nicht angezeigt beheben, wenn hier auf Webkit

Question

Beispiel CSS3 Spalten mit: http://jsfiddle.net/R7GUZ/3/

Ich bin ein Heck einer Zeit mit list-style immer mit

gestylt für ein Elternteil OL in WebKit arbeiten

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

Wie formatiere ich eine geordnete Liste in Spalten mit CSS3 und immer noch die list-style Styling?

  <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> 

Answer 1

Hinzufügen 20px margin-left zu den li s hat den Trick

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

Answer 2

Es scheint, dass die Zahlen tatsächlich versteckt sind. Dies kann durch die folgende Eigenschaft aufgelöst werden:

OL { 
    list-style-position: inside; 
} 

Hinweis, wenn Sie die margin und padding Eigenschaften zurückgesetzt haben (wie in Ihrem Beispiel auf jsFiddle wo CSS normalisierte gewesen sein), werden Sie sie einstellen müssen die richtigen Werte, damit die Spalten korrekt formatiert sind.