Klauss: Zentrierung von Bild und nebenstehendem Text

Beitrag lesen

Einfach ein bisschen rumprobieren, irgendwann passt es schon (10 minuten spielerei).

Hallo બાય    (was immer das auch bedeuten mag)
danke für Deine bisherige Mühe,
an Deinem Beispiel kann ich aber nicht erkennen, dass < <bild> <text> > auf der Seite
   horizontal «zentriert» sind.
Und muss man eine Zentrierung durch Herumprobieren realisieren und nicht durch ein "straight forward"?
Wenn ich Dein Beispiel aus dem Internet auf meinen Rechner hole (ich meine, ich hätte alles erwischt), so erscheint der Text wieder unter dem Bild:

<html>  
<body>  
<style>  
html,  
body,  
figure,  
figcaption {  
    margin:0;  
    padding:0;  
}  
a {  
    cursor:pointer;  
}  
figure {  
    text-align:center;  
    border:1px solid red;  
  
    a,  
    figcaption {  
       width:49%;  
       display:inline-block;  
       vertical-align:middle;  
       border:1px solid green;  
       text-align:left;  
          a {  
              border:0 none;text-align:left;  
          }  
    }  
    a {  
        text-align:right;  
    }  
}  
</style>  
</head>  
<body>  
  
<figure>  
      <a><img src="bild1.jpg" alt="Auto von Wikipedia" /></a>  
      <figcaption><a>Erklärung</a></figcaption>  
   </figure>  
</body>  
</html>   

Schönen Gruß
Klauss