title: Remove dots from list in CSS
body: <p>How to remove dot from "add recipe"? when i try it does not work...</p>
  
  <p>html:</p>
  
  <pre><code>&lt;div id=menu&gt;
        &lt;ul&gt;
          &lt;li&gt;&lt;a href="add_recipe"&gt;Add recipe&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>css:</p>
  
  <pre><code>#menu
  ul &gt; li
  {
      list-style-type: none;
  }
  </code></pre>