title: Remove bullet points from HTML list items
body: <p>How do I remove the bullet points from <code>#box5</code>, <code>#box6</code> and <code>#box7</code>? I thought it would be by using <code>#box5 a</code>, but it's not working.</p>
  
  <h2>HTML</h2>
  
  <pre><code>&lt;div id="con3"&gt;
      &lt;!-- irrelevant markup omitted --&gt;
  
      &lt;div id="box5"&gt;
          &lt;li&gt;&lt;a href="#"&gt;LIAM PRICE&lt;br&gt;Australia&lt;/a&gt;&lt;/li&gt;
      &lt;/div&gt;
  
      &lt;div id="box6"&gt;
          &lt;li&gt;&lt;a href="#"&gt;JESS KWARTZ&lt;br&gt;Germany&lt;/a&gt;&lt;/li&gt;
      &lt;/div&gt;
  
      &lt;div id="box7"&gt;
          &lt;li&gt;&lt;a href="#"&gt;ALI JAB&lt;br&gt;Mexico&lt;/a&gt;&lt;/li&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <h2>CSS</h2>
  
  <pre><code>#box5 {
      margin-left: 110px;
      margin-top: 10px; 
      font-family: 'pt_serifitalic';
      font-size: 9pt;
      line-height: 16px;  
  }
  
  #box5 a {
      color:white;
      text-decoration: none;
      list-style: none;   
  }
  </code></pre>