名单丢失了子弹

Che*_*niv 7 html css bulletedlist multiple-columns html-lists

为什么当我分成ul两列时,它会失去子弹?HTML:

<ul class="with-columns">
    <li>Ringo
    <li>George
    <li>John
    <li>Paul
</ul>
Run Code Online (Sandbox Code Playgroud)

CSS:

ul.with-columns{
    -moz-columns: 2;
    -webkit-columns: 2; 
    -o-columns: 2;
    columns: 2;  
    list-style-type:circle; /* Not works! */
}
Run Code Online (Sandbox Code Playgroud)

示例:http://jsfiddle.net/4xKea/

Ale*_*har 10

试试这个:

list-style-position: inside;
Run Code Online (Sandbox Code Playgroud)

小提琴