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


Tags: html,css,twitter-bootstrap

Problem :

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>


Solution :

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

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

    CSS Howto..

    How to set borders between children from parent in CSS?

    How to Write CSS Code for Mozilla Firefox Browser

    How to implement block style for list

    how do I give a div a responsive height

    How to move last li to right most side CSS

    How to insert a div below dynamic divs row after onclick

    How to retrieve the real height of a #div (including overflowed parts)

    Two sprites on same position: how to make this happen?

    How can I get this effect (on height) with jquery?

    How to arrange this php if-statement which outputs ratings (good, great, exxelent, etc.)?

    how to position a container in the middle of the screen? [duplicate]

    How to wrap text around image?

    How to avoid CSS selector applying to more than one level of descendants

    CSS how to place an image to the right of variable width text on roll over?

    How to keep css background image blurred inside a container?

    How do I make a nested
    expand to its contents?

    How do I center all my elements?

    How to turn on Visual Studio 2008 .css Intellisense on .less file

    How to select Bootstrap's collapsed menu button with CSS

    How to make an element stretch to the same height as its container?

    How to recreate eBay New Logo Page in HTML + CSS

    How to use 3 background images for a resizable layout in CSS?

    how to remain the style of GUI component after disabling it in javafx?

    How to place an image between horizontal list items

    How to make CSS animation not reverse after finishing? Example inside

    How can I avoid CSS delay in Rails 3.2

    CSS how to solve -webkit- functions

    How browser auto resize website to mobile browse?

    show a div over another when resizing on hover

    How to order rows (or divs) vertically using blueprint css?