The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Font size of bulleted list Re: Font size of bulleted list


Just off the bat here… I looked at your site with firefox, and your ul is inheriting its font size from the wrapper div, which is 14px. Your p tag, on the other hand, you have specified an em value of 0.85, which will work out on most browsers set to default (I believe) at around 11 or 12 pixels.

I don’t know if you have a reset in your CSS, but I always find it handy to stick the following into my stylesheet right away…

p, li { font-size: 16px; }

You can then use em values after that which will be relative to that 16px value. Otherwise, in the short term, just give your li tag a specific font-size value (in this case match it to the .85em value of your p tag) and that will stop it inheriting this value from the wrapper div.

Hope this helps!

EDIT – I’m not big on ems, so someone else might correct what I said in relation to them above – nontheless, you still need to specify that font-size value for your list items… ;)