Removing indents from lists in CSS is a common problem encountered by a lot of web developers particularly when starting out. Removing the list style from a list often leaves us with an indent that can be rather annoying to remove and when removed in one browser it may not necessarily remove it from another. This is because some browsers use a default value margin or padding to indent list items and this is not removed by the list style none property. Some browsers use padding some use margins to produce this indent which is where most people run into problems.
The following solution works for both unordered lists <UL> and ordered lists <OL> in all browsers.