How can i format ul / li tags in css?

Question

I'm not sure if it's possible to even format this. But here goes.

"_" represent empty space .

when i make a list on the web, it looks like this

-main text (ul)

______- sub text (li)

______- sub text (li)

But i would like the sub text to flush closer to the main text above it. Like so:

-main text

__ - sub text

__ - sub text

Is there anyway of implementing this in css? Any advise is appreciated :)

Answer 1

<style type="text/css">

ul {

padding-left: 0.5em;

}

</style>

You can adjust the value from 0.5 to whatever you want (including negative values) to shift it from left to right as you want.