Aligner 2 images dans une div

[Résolu/Fermé]
Signaler
Messages postés
680
Date d'inscription
lundi 20 août 2007
Statut
Membre
Dernière intervention
16 avril 2015
-
Messages postés
680
Date d'inscription
lundi 20 août 2007
Statut
Membre
Dernière intervention
16 avril 2015
-
Bonsoir,

Je voudrais centrer 2 images dans une div. Je souhaite une marge entre les 2 images de 10px. Mon problème majeur est de centrer mes 2 illustrations dans la div.

Voici la partie html:

<div id="principal">
<p>
<img src="url" alt="">
<img src="url1" alt"">
</p>
</div>


Voici la partie css:

#principal{
width:1024px;
height:300px;
margin: 0 auto;
margin-top: 100px;
text-align: center;
background-color: white;
}

#principal img{
margin: 0px 0px 0px 10px;
}




Cordialement,

Merci de votre aide.
A voir également:

5 réponses

Messages postés
1952
Date d'inscription
mercredi 11 novembre 2009
Statut
Membre
Dernière intervention
8 juillet 2011
210
Essaye ça pour voir :

#principal img{
margin: 0 5px 0 5px;
}
#principal p {
text-align:center;
}
Messages postés
680
Date d'inscription
lundi 20 août 2007
Statut
Membre
Dernière intervention
16 avril 2015
26
Bonjour,

Ta solution ne marche pas notobe.

Merci pour votre aide
Messages postés
1952
Date d'inscription
mercredi 11 novembre 2009
Statut
Membre
Dernière intervention
8 juillet 2011
210
En fait, avec ton code initial, ça devait déjà marcher...
Donc, le problème est ailleurs.

La largeur de tes images + marges ne dépassent pas 1024px par hasard ?
Messages postés
680
Date d'inscription
lundi 20 août 2007
Statut
Membre
Dernière intervention
16 avril 2015
26
Non, mes images font chacune 188px.

Merci de ton aide.
Messages postés
680
Date d'inscription
lundi 20 août 2007
Statut
Membre
Dernière intervention
16 avril 2015
26
J'ai trouvé, j'ai mis float: left.

Merci de ton aide