title: Getting rid of bullet points from <ul>
body: <p>I have the following list:</p>
  
  <pre><code> &lt;ul id="otis"&gt;
   &lt;li&gt;Benz&lt;/li&gt;
   &lt;li&gt;Other Benz&lt;/li&gt;
   &lt;li&gt;Other Other Benz&lt;/li&gt;
   &lt;/ul&gt;
  </code></pre>
  
  <p>I want to get rid the bullets so i tried:</p>
  
  <pre><code> ul#otis {
   list-style-type: none;
   }
  </code></pre>
  
  <p>That didn't work though. What is the proper way to remove the bullets from the displayed list?</p>