Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

List lost its bullets [duplicate]

Tags:

People also ask

How would you display a list item with a different bullet?

To create unordered list in HTML, use the <ul> tag. The unordered list starts with the <ul> tag. The list item starts with the <li> tag and will be marked as disc, square, circle, etc. The default is bullets, which is small black circles.

How do you remove bullets from a list?

On the Home tab, click Bullets. To remove bullets, on the Bullets tab, select None. To remove numbers instead, click the Numbered tab and select None. Click OK.


Why when i split an ul into two columns it is losing its bullets?? HTML:

<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! */
}

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