Problème d'alignement de DIV

Bonjour,

Bien qu'ayant potassé les tutos de Alsacreations, je n'arrive pas a faire ce que je désire avec mes DIV;

Je m'explique :

j'ai une DIV "conteneur" dans laquelle je désire avoir 2 DIV cote a cote centrées horizontalement dans le "conteneur".

j'arrve bien à en centrer 1, mais la deuxième se place systématiquement en dessous.

Le CSS :

#conteneur{
  position:absolute;
  top:10px;
  width: 300px;
  height:200px;
  margin-left:141px;
  background-color:grey;
}

.boite {
  width:80px;
  height:20px;
  margin-top:10px;
  background-color:white;
  margin-left: auto;
  margin-right: auto;
}

Le HTML :

<div id="conteneur">
      <div class="boite">
      </div>
      <div class="boite">
      </div>
    </div>

J'ai bien penser a faire un conteneur intermédiaire centré dans le général et dans lequel les 2 boites seraient inclues en float:left , mais je pense qu'il doit y avoir plus simple.
D'autant que le nombre de boites pouvant augmenter, il faudrait trouver un truc pour calculer la largeur du conteneur intermédiaire.

Quelqu'un a une idée ?

Merci d'avance

Bonjour,

Permet-moi de t'indiquer en première et seconde deux articles de OpenWeb ...

Avec cela, tu auras un acquis supplémentaire non négligeable.

En espérant pouvoir répondre à ta question et aux autres,

G.

Je te remercie, je vais voir ça