Làm thế nào để sửa chữa danh sách phong cách không hiển thị khi sử dụng cột CSS3 trên Webkit

Question

ví dụ ở đây: http://jsfiddle.net/R7GUZ/3/

Tôi đang gặp một heck của một thời gian nhận được list-style làm việc trong webkit cho một CV mẹ kiểu với

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

Làm cách nào để định dạng danh sách được sắp xếp thành các cột có css3 và vẫn duy trì kiểu dáng 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> 

Answer 1

Thêm 20px margin-left đến li s đã làm các trick

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

Answer 2

Có vẻ như con số này đang thực sự ẩn. Điều này có thể được giải quyết bằng cách sử dụng các tài sản sau đây:

OL { 
    list-style-position: inside; 
} 

Lưu ý nếu bạn đã đặt lại margin và padding tài sản (như trong ví dụ của bạn trên jsFiddle nơi CSS đã bình thường), bạn sẽ phải đặt chúng vào các giá trị phù hợp để các cột được định dạng chính xác.