Buongiorno a tutti.
Avrei bisogno di un piccolo aiuto riguardo ai CSS.

Ho una pagina in cui visualizzo un'immagine centrata orizzontalmente. A volte però (via php) aggiungo altre due immagini secondarie e relativa descrizione (una alla destra e una alla sinistra di quella principale, sempre e comunque visualizzata).

La mia domanda è: come faccio a centrare tutto quanto tenendo in mente che la dimensione di ogni immagine non è fissa e quindi il blocco div che la contiene (immagine e descrizione) si ridimensiona.

codice:
    <div id="mainWrapper">
        <div id="leftOptionalImage">
            <div class="desc">description</div>
            [img]...[/img]
        </div>
        <div id="mainImageWrapper">
            [img]...[/img]
        </div>
        <div id="rightOptionalImage">
             <div class="desc">description</div>
             [img]...[/img]
        </div>
</div>