Centrare più DIV

[Ottyteo]

Buonasera!

Ho 3 div, uno attaccato all'altro tramite la proprietà "float: left;" e non riesco a centrarli nella pagina anche mettendo ad ognuno di essi le proprietà "margin-left: auto; margin-right:auto".
Come posso fare?

Per intenderci questo è il codice html

<div id=colonna1>
   Contenuto colonna 1
</div>
<div id=colonna2>
   Contenuto colonna 2
</div>
<div id=colonna3>
   Contenuto colonna 3
</div>

E questo il css

#colonna1 {
   width: 100px;
   float: left
}
#colonna2 {
   width: 200px;
   float: left
}
#colonna3 {
   width: 100px;
   float: left
}

[Prill]

inseriscili in un div la cui larghezza sia la somma delle larghezze dei tre e assegna al contenitore un margin:0 auto

[Ottyteo]

Fatto. Non funziona lo stesso
Il codice è questo:

<div id=contenitore>
  <div id=colonna1>
     Contenuto colonna 1
  </div>
  <div id=colonna2>
     Contenuto colonna 2
  </div>
  <div id=colonna3>
     Contenuto colonna 3
  </div>
</div>

#colonna1 {
   width: 100px;
   float: left
}
#colonna2 {
   width: 200px;
   float: left
}
#colonna3 {
   width: 100px;
   float: left
}
#contenitore {
   width:400px;
   margin: 0 auto;
}

[Prill]

se non funziona qualcoda prima influisce sul div successivo, magari dei float non interrotti. Se è così aggiungi un clear al div contenitore

[Ottyteo]

Risolto!
Ho dovuto mettere in #contenitore l'attributo "display:table;"
Grazie comunque dell'aiuto!