Centrer horizontalement plusieurs div dans un div principal

Bonjour,

Je me prends un peu la tête sur l'affichage d'une liste de pays avec un habillage css, je n'arrive pas à centrer mes pays dans un div principal (largeur fixe).

Voici mon code :

CSS :

#boxResultat #boxPays
{
float:left; 
height:auto; 
width:880px;
text-align: center;
}

#pays
{
float: left; 
height:auto; 
width: auto; 
padding: 2px 10px; 
margin: 2px 2px; 
border-radius: 20px; 
background-color: #bfbfbf; 
font-family:"Myriad W01 Regular"; 
color:#FFF; 
font-size:16px;
}

HTML / PHP :

echo ' <div id="boxPays">';

while( $data = mysql_fetch_assoc($req) ) {    
     echo '<div id="pays">'.$data['nom'].'</div>';      
}
        
echo '</div>';

J'ai bien essayé de remplacer mes div #pays par des span en transformant en class et en retirant quelques arguments tels que le float: letf; mais ça ne marche pas...

Quelqu'un aurai une idée ? Je ne peux pas insérer d'image pour vous montrer le rendu mais c'est tout simplement comme si j'avais des mots avec un text-align: left; alors que je l'aimerais centrer.

Merci à toutes et à tous.