hi,

 

I'm creating a side navbar and put each individual link as a list. The only problem is that it causes the links to have a major indent which distorts my layout.

 

help?

 

ravi

Try adding the properties:

 

list-style-position: inside; padding: 0; margin: 0;

 

You may want to just try padding-left: 0 aswell.

Try adding the properties:

 

list-style-position: inside; padding: 0; margin: 0;

 

You may want to just try padding-left: 0 aswell.

 

 

Thanks so much That fixed it

When it comes to lists I always reset the margin and padding as it usually differs from browser to browser. Some use margin to indent, some use padding.

 

You can even remove the bullet itself by adding list-style-type: none;

And you can set whether the bullets should be inside or outside the UL element.