remove bullet indent - how?

remove bullet indent - how?

I've tried removing the padding and margin for ul but it hasn't worked.

http://www.mathannotated.com/

I want to get the blue square icon ("differentiation") right up against the left margin.

(In case you're wondering why I'm including it as part of a one-member list, I'll be introducing another 20 odd icons and treating it as an inline horizontal list.)

Hello ptrcao,
Add this to your CSS - ul#icons {padding: 0;}

Hello ptrcao,
Add this to your CSS - ul#icons {padding: 0;}

Thanks, it worked Mr Excavator!

BTW, I already had

#icons ul{padding-left: 0px;}

which didn't work. What was wrong with my original code here?

Is #icons ul{...} not interchangable with ul#icons{...}?
Or was it just a misapplication of padding-left?

Thanks, it worked Mr Excavator!

BTW, I already had

#icons ul{padding-left: 0px;}

which didn't work. What was wrong with my original code here?

Is #icons ul{...} not interchangable with ul#icons{...}?
Or was it just a misapplication of padding-left?

#icons ul is looking for an unordered list inside a div named #icons.
ul#icons is referring to an unordered list named #icons.

See the difference?

#icons ul is looking for an unordered list inside a div named #icons.
ul#icons is referring to an unordered list named #icons.

See the difference?

Thanks; you learn something new everyday. :)