htmlcsscellpadding

Not able to pinpoint css, that renders undesired padding

The folder tree has folder items represented by ul tag and file items by li tag. All of them are contained in a large unordered list container. All ul items are left padded by 40px but this setting, i am not sure where it picks from.

enter image description here

css box model as,

enter image description here

Computed rules have no mentioning about the padding properties, enter image description here

Since i am not setting any padding related properties in any of the css files, how to debug this? Is there any debugging tool that shows from which css file, this padding space is rendered from?

Solution

  • Every ul has a standard padding-left:40px so in order to fix this the only thing is removing the padding-left of the ulitems

    ul{
   padding:0px;
}

    or what also can

    ul{
   padding-left:0px;
}