how do you indent bullets (HTML/CSS) ?

D

dooms_day704

New member
I have a template for a website, and it came with a bunch of css, that is kinda hard to overwrite to do bullets, here is an excerpt from the code:

.main-content ul {list-style:none; margin:0.5em 0 1.0em 0;}
.main-content ul li {margin:0 0 0.2em 2px; padding:0 0 0 12px; background:url(../img/bg_bullet_full_1.gif) no-repeat 0 0.5em; line-height:1.4em; font-size:120%;}
.main-content ul li ul {list-style:none; margin:0.5em 100 1.0em 50;}
.main-content ul li ul li ul {list-style:none; margin:100.50em 100 10.00em 100;}
.main-content ol {margin:0.5em 0 1.0em 20px !important /*Non-IE6*/; margin:0.5em 0 1.0em 25px /*IE6*/;}
.main-content ol li {list-style-position:outside; margin:0 0 0.2em 0; line-height:1.4em; font-size:120%;}

now i have to indent the inner bullets, the "ul li ul" and "ul li ul li ul" code, but i cant understand the margin code, its like 0.2em?? can someone help me out lol
 
Back
Top