inline margin works but css doesn't?
<p>I'm making an unordered list with no stylings:</p>

<pre><code> &lt;ul style="margin-left:0; list-style-type:none"&gt;
  &lt;li&gt;1&lt;/li&gt;
  &lt;li&gt;2&lt;/li&gt;
  &lt;li&gt;3&lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p>I'm trying to do it with css so the code is</p>

<pre><code> &lt;ul class="nothing"&gt;
      &lt;li&gt;1&lt;/li&gt;
      &lt;li&gt;2&lt;/li&gt;
      &lt;li&gt;3&lt;/li&gt;
    &lt;/ul&gt;
</code></pre>

<p>with css:</p>

<pre><code> ul.nothing{list-style-type:none; margin-left:0}
</code></pre>

<p>So the inline styles works with no bullet and no margin. The css also has no bullet but still has the indent ... why and how do I fix? I can't see a syntax error anywhere.</p>