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
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
codice:
#colonna1 {
   width: 100px;
   float: left
}
#colonna2 {
   width: 200px;
   float: left
}
#colonna3 {
   width: 100px;
   float: left
}