Grid view page number spacing?

I have a Grid View shown below (bottom code):

      <asp:BoundField DataField="UID" HeaderText="UID" SortExpression="UID"
                      ItemStyle-Wrap="false">
          <ItemStyle Wrap="False"></ItemStyle>
      </asp:BoundField>
  </Columns>
  <FooterStyle BackColor="#99CCCC" ForeColor="#003399" />
  <HeaderStyle BackColor="#006699" Font-Bold="True" ForeColor="#CCCCFF" />
  <PagerStyle BackColor="#99CCCC" ForeColor="#003399" HorizontalAlign="Left"  />
  <RowStyle BackColor="White" ForeColor="#003399" HorizontalAlign="Center" />
  <SelectedRowStyle BackColor="#009999" Font-Bold="True" ForeColor="#CCFF99" />
</asp:GridView>

In pager style i have not used any class ...but my page numbers appear too much spacious. I need it together in the middle of the gridview. But it appears to be one at left(Page 1) and after a big space one at center (Page 2).

Can someone help to make my page numbers together in the center of grid view?

PS: Grid View not lies in a <div> or &开发者_C百科lt;table>

but there is a <div> and <table> in my webpage at bottom and top of the grid view

---

You've set the HorizonalAlignment of the PagerStyle property to Left. Change it to "Center". You can read more about the PagerStyle property here: http://msdn.microsoft.com/en-us/library/system.web.ui.webcontrols.gridview.pagerstyle.aspx

The following will center the page numbers in your GridView:

<PagerStyle BackColor="#99CCCC" ForeColor="#003399" HorizontalAlign="Center"  />

---

If you are looking to increase the space between the Gridview page numbers, add the following style in your page :

          .cssPager td
        {
              padding-left: 4px;     
              padding-right: 4px;    
          }
    </style> 

And reference this style inside your GridView Pager Style :

<PagerStyle CssClass="cssPager" />

Source : http://www.dotnetcurry.com/ShowArticle.aspx?ID=244