Yann: Mehrere Container nebeneinander horizontal zentrieren

Beitrag lesen

Hallo,
wie kann ich erreichen, dass im nachfolgenden Beispiel die span-Container mittig entriert werden, also so:
                        Text1 <bild> Text3
Wobei statt text jeweils auch ein Bild stehen kann und umgekehrt.

  
<!DOCTYPE html>  
<html lang="de">  
<head>  
<meta charset="UTF-8">  
<title>Mehrere Container nebeneinander horizontal zentrieren</title>  
<style>  
div.zentriert {  
    margin-left: auto; margin-right: auto; width: 99%;  
}	  
</style>  
</head>  
<body>  
<div class="zentriert">  
<span>Text1 </span><span><img src="bild.jpg" /></span><span>Text3</span>  
</body>  
</html>  

Schöne Grüße
Yann