Anordnung von Bildern mit Text

[Atana]

Hallo,

Ich bin neu hier und daher gleich vorab, wenn ich umständlich, unverständlich, falsch poste usw. bitte ich um etwas Nachsicht!

Danke!

Ich möchte Bilder mit Text unterschiedlich anordnen

Bild1
                    Text dazu

Bild2       Bild3      Bild4
       Text Text   Text Text  Text Text

Bild5          Bild6
         Text Text      Text Text

usw.

Wie geh ich da am besten vor?!

Bisher hab ich CSS:

.images {
         text-align: center;
         }

.postdoc {
         padding: 40px;
         }

.predoc {
         padding:40px;
         }
HTML:
<div class="images chef">
                 <img src="chef.jpeg" />
                         <br><a href="mailto:chef">chef</a></br>
                         <br>Chef</br>
         </div>

<div class="images postdoc">
                 <img src="postdoc1.jpeg" />
                         <br><a href="mailto:postdoc1">Postdoc1</a></br>
                         <br>Postdoc</br>
                 <img src="postdoc2.jpeg" />
                         <br><a href="mailto:postdoc1">Postdoc1</a></br>
                         <br>Postdoc</br>
         </div>

<div class="images predoc">
                 <img src="predoc1.jpeg"  />
                         <br><a href="mailto:predoc1">Predoc1</a></br>
                         <br>Predoc</br>
        </div>
usw.

allerdings ist der Test unter den Bilder verschoben bzw. die Bilder sind untereinander.
Ich schau mir das ganze mit Firefox an.

Gruß Atana