Matthias Scharwies: Zentrierung von Bild und nebenstehendem Text

Beitrag lesen

Hallo,
ich mochte in einem Container ein Bild mit rechts daneben stehendem Text positionieren und zwar so, dass das Ganze zentriert ist.

Wie Malcolm Beck's es gesagt hat: nimm html5 -Elemente und pack Text und Bild in zwei Elemente:

  
<a href="...">  
   <figure>  
      <img ...>  
      <figcaption>Erklärung</figcaption>  
   </figure>  
</a>  
   

Du kannst jetzt figure zentrieren und den beiden Elementen img und figcaption die gleiche Breite geben:

  
figure                 { width: 90% margin-left: auto; margin-right: auto;}  
figure img, figcaption { width:50%}  

du kannst die Breite und Ausrichtung dann immer noch verfeinern.