Remove space from a list

How do you remove the space when you take the bullets out of a list?

[matthewamzn]

How do you remove the space when you take the bullets out of a list? I can get it to work with a negative margin, but is there a better way?

#leftcolumn ul {
list-style-type: none;
}

#leftcolumn li {
margin-left: -20px;
}

<div id="leftcolumn">
<ul>
<li>example</li>
<li>example</li>
<li>example</li>
<li>example</li>
</ul>
</div>

[4css]

Setting your
ul {
list-style-type: none;
margin: 0px;
padding: 0px; }

Should work for you.

[DrDoc]

In fact, set the margin and padding to zero for your list item as well.

ul, li {
list-style-type: none;
margin: 0px;
padding: 0px;
}