Changing <li> bullet size?

Is there a way to the size of the bullets without using a resized image? I can’t find anything in the styles of HTML attributes. I want to use the squares but my text is almost as small the squares themselves.


I don’t believe so.

You could do something like this:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<style type="text/css">
ul {list-style-type: square; font-size: 50%; line-height: 2;}
li span {font-size: 200%; vertical-align: middle;}

I’m not getting anything from that. They are smaller in IE, but not in FireFox. I guess I’ll just use images. Thanks though.


Hmm… I actually tried it with (only) Firefox.

Although, then I tried it with Opera aswell, and the font size was 200%… Perhaps it didn’t work that well. :stuck_out_tongue: