Customize list item bullets using CSS

Question

Is it possible to change the size of an

element\'s bullet?

Take a look at the code below:

li {
    list-sty         


        

Answer 1

You can wrap the contents of the li in another element such as a span. Then, give the li a larger font-size, and set a normal font-size back on the span:

http://jsfiddle.net/RZr2r/

li {
    font-size: 36px;
}
li span {
    font-size: 18px;
}

    
Item 1
    
Item 2
    
Item 3