[RESOLVED] removing the indent of lists

[EPJS]

Normally a list has bullets and is indented. You can remove the bullets with a CSS list-style of none, however it's still indented:

How can I remove that indent so it would be flush up against the edge?

[dougal85]

Its the left padding, set that to 0.

.class{

padding-left:0px;

}

[EPJS]

Thanks, that worked 🙂

[scrupul0us]

why do that and call it everytime?

li {
padding-left: 0px;
}

[EPJS]

scrupul0us wrote:

why do that and call it everytime?

li {
padding-left: 0px;
}

You might not want every list to do that :p

I only want it on the left panel, so I did this

.leftpanel ul {
padding-left: 0;
}

<div class='leftpanel'>
<ul>
<li>List here</li>
</ul>
</div>

😉

And it works just fine 🙂

[dougal85]

I was just making an example, I know EPJS has the skills to use it right 😉