title: Red dot similar to "li" element in HTML
body: <p>I have HTML code like this:</p>
  
  <pre><code>&lt;tr&gt;    
    &lt;td align="left" valign="bottom"  class="leftfooter"&gt;&lt;a href="#"&gt;Customer Support&lt;/a&gt; &lt;a href="#" class="footerlink"&gt;About&lt;/a&gt;&lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <p>How can I place one small red dot in front of the entire text?  Kind of like <li> but red and smaller.</p>
  
  <p><strong>Edit</strong></p>
  
  <p>Just to clarify, I didn't write this HTML.  I just copied and pasted it to show what I'm working with.  I realize that I should use an unordered list to do this same task instead of a table structure for this purpose for semantic reasons.  If I can, I will see if I can modify this piece of the code to a more suitable one in the customer's codebase.</p>