Centrer horizontalement plusieurs div dans un div principal
Résolu
reedbedroom
-
animostab Messages postés 2829 Date d'inscription Statut Membre Dernière intervention -
animostab Messages postés 2829 Date d'inscription Statut Membre Dernière intervention -
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 :
HTML / PHP :
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.
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.
A voir également:
- Centrer div
- Div c++ - Télécharger - Langages
- Dans le document à télécharger, léa a utilisé 2 méthodes différentes pour centrer le nom des continents. lesquels sont centrés correctement ? ✓ - Forum Javascript
- Remplacer #div/0 par vide ✓ - Forum Excel
- Centrer le nom des dossier ✓ - Forum Windows 10
- Fusionner et centrer excel grisé ✓ - Forum Excel