How to make a space between <i> tags (icons) in table?

Question

I have a classic HTML table. In one column I want to add 3 icons with links to edit for example users. I am using twitter-bootstrap and glyphsicons. How to make more space between icons??? I prefer to use CSS.

<td>
   <a href='#'>
       <i class='icon-ok'></i>
   </a>
   <a href='#'> 
       <i class='icon-pencil'></i> 
   </a> 
   <a href='#'>
       <i class='icon-remove'></i>
   </a>
</td>

Answer 1

Just apply a padding (or a margin, depending on the style you've used) between elements, e.g.

td a + a {
   padding-left: 3em;
}