técnicamente si quieres que estén uno al lado del otro pero a la vez centrados en la página, tienes que cambiar las propiedades de los div de bloque a lineal. Es muy sencillo estas son las propiedades:
Código CSS:
Ver original#paginas{
text-align:center;
}
#numero_pagina{
display:inline;
}
Elimina las propiedades de position y float. Como ahora los #numero_pagina son inline, no se les puede poner anchura y altura directamente, pero puedes usar un truco mejor: para poner la altura usa "line-height:25px" que además hace que el texto se quede en la mitad de la altura; y para la anchura utiliza "padding:0 10px" (regúlalo según lo q necesites, ahí hay 10 píxeles a cada lado).
Cuéntanos si te fue útil.