Centrare più div sulla stessa riga

[eliJS]

Il mio problema è semplice, vorrei che in questa pagina: http://elix14.altervista.org/div.html
le immagini fossero centrate e sulla stessa riga...

Per ora ho lavorato con questo codice:

<style type="text/css" title="text/css">
<!--
    .inline
    {
        float: left;
    }
-->
</style>
<div class='container' align='center'>
    <div class='inline img0'>
        <span class='img_info' align='center'>
            [img]esempio1.png[/img]
    

            [b]Prova n 1[/b]
    

            Una prova
        </span>
    </div>

    <div class='inline img1'>
        <span class='img_info' align='center'>
            [img]esempio2.png[/img]
    

            [b]Prova n 2[/b]
    

            Un'altra prova
        </span>
    </div>
</div> 

Ho provato a impostare l float su center ma invece che fare quello che volevo io le immagini finivano una sotto l'altra.

Cosa posso fare?