how to keep gap/space between link buttons for pagination iin ASP.Net

hi

I used pagination for datalist below are code:

   public class PagerPage
    {
        public PagerPage(string text, string value)
        {
            Text = text;
            Value = value;
        }
        public PagerPage(string text, string value, bool enabled)
        {
            Enabled = enabled;
            Text = text;
            Value = value;
            CssClass = enabled ? "pager" : "active_pager";
        }
        public PagerPage(string text, string value, string cssClass)
        {
            CssClass = cssClass;
            Text = text;
            Value = value;
        }
        public PagerPage(string text, string value, bool enabled, string cssClass)
        {
            Enabled = enabled;
            CssClass = cssClass;
            Text = text;
            Value = value;
        }
        public bool Enabled { get; set; }
        public bool Selected { get; set; }
        public string Text { get; set; }
        public string Value { get; set; }
        public string CssClass { get; set; }
    }

and css:

.active_pager {
    background-color: #FF00c8;
    color: white;
    height: 27px;
    min-width: 27px;
    line-height: 20px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    font: bold 14px behtop_Yekan;
} 

.pager {
    color: #ababab;
    height: 20px;
    width: 25px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    font: 14px behtop_Yekan;
    margin: 1px 10px 0 0;
    border: 1px solid #ff00c8;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    -webkit-box-shadow: inset 0px 0px 3px 0px #C9C9C9;
    box-shadow: inset 0px 0px 3px 0 #C9C9C9;
}

resualt is:

as you see there isn't any space between page number I want it would be like:

I put margin for it:

.pager {
    color: #ababab;
    height: 20px;
    width: 25px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    font: 14px behtop_Yekan;
    margin: 1px 10px 0 0;
    border: 1px solid #ff00c8;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    -webkit-box-shadow: inset 0px 0px 3px 0px #C9C9C9;
    box-shadow: inset 0px 0px 3px 0 #C9C9C9;
margin-right:10px;
}

but it doean't do any thing...

can you help me in this issue...

Best Regards

neda