Div flotante en el medio del div donde esta contenido

[morfasto]

Hola, que tal?

Tengo un div en donde van las paginas de la paginacion. Dentro de ese div, cada pagina tiene su propio div flotante para que se pongan uno al costado del otro, pero como hago que esos div flotantes esten en medio del div de las paginas?

Este es mi codigo:

Código CSS:

#paginas{
    position:relative;
    height:30px;
    width:978px;
    top:10px;
    border:1px solid black;
}
#numero_pagina{
    position:relative;
    height:25px;
    width:25px;
    text-align:center;
    float:left;
    border:1px solid red;
}
 

Muchas gracias!

[sergiozx]

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:

#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.

[morfasto]

Muchas gracias!

[morfasto]

Logre centrarlo con el codigo que me pasaste, pero no logro cambiarle la altura a los numero_pagina, asi esta mi codigo:

Código CSS:

#paginas{
    position:relative;
    height:30px;
    width:978px;
    top:10px;
    text-align:center;
    border:1px solid black;
}
#numero_pagina{
    display:inline;
    line-height:30px;
    padding:0 10px;
    border:1px solid red;
}
 

[morfasto]

logre cambiarlo jugando con el padding, pero el line-height nunca me sirvio :P

[mariomon17]

Buenas tardes.
Si en vez de display: inline pones

Código CSS:

display: inline-block
 

el div actuara como un block pero alineado en linea.

Un saludo :)

[morfasto]

Ahora si! Gracias de nuevo! :)