Duda sencilla.

[mariomon17]

Muchas gracias, pero me exprese mal.
Lo que quiero es que aparezcan uno detras de otro en la misma linea, no uno encima de otro, alineados en horizontal y colocados a la derecha.

Codigo actual:

Código CSS:

.paginator {
    height: 40px;
    width: 500px;
}
 
.num {
    float: left;
    margin-top: 10px;
    float: left
}
 
.button {
    background: #CCC;
    border: 1px solid #000;
    text-align: center;
    width: 25px;
    height: 20px;
    padding: 3px;
    margin: 5px;
    display: block;
    float: left
}
 

Codigo HTML:

Código HTML:

<div class="paginator">
<div class="button"></div>
<div class="button"></div>
<div class="num"></div>
<div class="button"></div>
<div class="button"></div>
</div>