how to center pagination number automaticlly using CSS

hi

I used pagiantion for datalist below are codes:

<div id="div1">
    <div id="div2">
        <asp:Repeater ID="Repeater1" runat="server">
            <ItemTemplate>
                <asp:LinkButton ID="lnkPage" runat="server" Text='<%#Eval("Text") %>' CommandArgument='<%# Eval("Value") %>'
                    CssClass='<%# Eval("CssClass") %>' OnClick="Page_Changed" OnClientClick='<%# !Convert.ToBoolean(Eval("Enabled")) ? "return false;" : "" %>'></asp:LinkButton>&nbsp&nbsp
            </ItemTemplate>
        </asp:Repeater>
        <asp:Repeater ID="rptPager2" runat="server" Visible="false">
            <ItemTemplate>
                <asp:LinkButton ID="lnkPage" runat="server" Text='<%#Eval("Text") %>' CommandArgument='<%# Eval("Value") %>'
                    CssClass='<%# Eval("CssClass") %>' OnClick="Page_ChangedPL" OnClientClick='<%# !Convert.ToBoolean(Eval("Enabled")) ? "return false;" : "" %>'></asp:LinkButton>&nbsp&nbsp
            </ItemTemplate>
        </asp:Repeater>
    </div>
</div>

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;
}
.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;
}
#divre1 {
    display: table;
    margin: 0 auto;
    direction: rtl;
    margin-top: 9px;
    margin-left: 230px;
}
#divre {
    float: left;
    background: url(../Image/Main/backpage.png) no-repeat;
    width: 800px;
    height: 44px;
    margin: 3px 0 0 150px;
}

resulat is:

as you see pagination number is at the  center of div that I show with red border now problem is that when pagination number is less that 7 it doesn't put it at the center of div that I show with red border it is like below:

I want when pagination number decrease or increase it automatically put it at center of div like below:

how I can do it?

Best regards

neda