It seems like this should be simple, but I cannot figure out how to get the pager to align anywhere but to the left. I've tried putting it in a table and setting the alignment of the cell to Center. I've also tried settng the margins for the cell to Auto. I've put it in a div with align="center"... I've tried putting it in a panel... and lots of other things... The closest I've gotten is to create a table with one row and three columns, put the pager in the middle cell and set the column width percentages so that the middle column is always in the center. But, the pager is still aligned to the left of the center cell. Because users can change the size of their browser window, it looks good sometimes and bad others.

 

Update: I set the styleClass for the Pager and added the style to my css doc with text-align: center; Ironically, this aligns the pager to the left. Go figure. 

 

Any help is appreciated!