类似于HTML中“li”元素的红点

我有这样的 HTML 代码：

<tr>    
  <td align="left" valign="bottom"  class="leftfooter"><a href="#">Customer Support</a> <a href="#" class="footerlink">About</a></td>
</tr>

如何在整个文本前面放置一个小红点？就像

Edit

澄清一下，这个 HTML 不是我写的。我只是复制并粘贴它来展示我正在使用的内容。我意识到出于语义原因，我应该使用无序列表来完成相同的任务，而不是表结构。如果可以的话，我会看看是否可以将这段代码修改为客户代码库中更合适的代码。

我没有注意到你正在使用table首先，我将用以下内容作为我现有答案的前缀强烈建议使用实际的ul, or ol， 元素。它传达了其中内容的某种形式的含义。Please考虑屏幕阅读器或拥有以非视觉方式访问数据的设备的用户。

很容易：

html:

<ul>
    <li><span>Some text</span></li>
    <li><span>more stuff</span></li>
</ul>

css:

ul {
    margin-left: 2em;
    padding-left: 1em;
    list-style-type: disc;
}

li {
    list-style-type: disc;
    color: #f00;
}

li > span {
    color: #000;
}

JS 小提琴演示 http://jsfiddle.net/davidThomas/axQg7/1/.

解释：

原因是span内lielements 是“项目符号”的文本颜色（list-style-type: disc;）不能独立于文本的改变li本身。使用span允许其中包含的文本具有不同的内容color到“子弹”。

这部分与我自己的问题有关：如何给它上色list-style-type自动生成的数字？ https://stackoverflow.com/questions/725741/how-to-colour-the-list-style-type-auto-generated-numbers.

但是要回答所提出的问题：

Using the following image:

以下CSS将起作用：

td {
    background: #fff url(https://i.stack.imgur.com/Q5lQ4.gif) 0 50% no-repeat;
    padding-left: 14px;
}

JS 小提琴演示 http://jsfiddle.net/davidThomas/axQg7/2/.

我完全让你去寻找真正的红色子弹图像。