2014-05-22 16 views
7

Perché quando ho diviso uno ul in due colonne perde i punti? HTML:L'elenco ha perso i punti elenco

<ul class="with-columns"> 
    <li>Ringo 
    <li>George 
    <li>John 
    <li>Paul 
</ul> 

CSS:

ul.with-columns{ 
    -moz-columns: 2; 
    -webkit-columns: 2; 
    -o-columns: 2; 
    columns: 2; 
    list-style-type:circle; /* Not works! */ 
} 

Esempio: http://jsfiddle.net/4xKea/

+0

@Ruddy sapevo che doveva essere da qualche parte! .. – Cherniv

+0

Immagino che Alek abbia dato la risposta giusta. Ma una nota: penso che dovresti chiudere il tag '

  • ' con '
  • ', ad esempio, '
  • Ringo
  • '. –

    +0

    @IgorReshetnikov, non esattamente: http://stackoverflow.com/a/3008735/1206613 – Cherniv

    risposta

    10

    Prova questa:

    list-style-position: inside; 
    

    fiddle

    +0

    Magnificient! :) – Cherniv

    +0

    Sono contento che funzioni :) –

    3

    J aggiungere list-style-position: inside; all'interno ul.with-columns css

    +0

    Sei, purtroppo, un po 'in ritardo – Xan

    +0

    Ohhhh .... No ..... –