Der Martin: img in div, danach Text mit vertical-align:middle

Beitrag lesen

Hi,

Der Quelltext ist vorgegeben, ich kann nur per CSS formatieren.

das ist eine ganz schlechte Voraussetzung, wenn der Quellcode suboptimal ist.

<div>

<img src="#" width="200" height="200" />
</div>
Beispieltext der mittig neben dem Bild stehen soll

  
Wenn der Beispieltext irgendwie zum Bild gehört, sollte er mit dem Bild \*innerhalb\* des div-Elements stehen. Andernfalls ist das div-Element sinnlos: Ein gruppierendes Element mit nur einem einzigen Kindelement gruppiert nichts.  
Abgesehen davon ist der HTML-Code fehlerhaft, das alt-Attribut für das Bild fehlt.  
  

> Mit display:inline bekomme ich den Text zwar neben das Bild, aber dann steht er am unteren Rand, vertical-align:middle hilft hier leider nicht.  
> Geht das etwa gar nicht oder bin ich momentan zu müde?  
  
Das div-Element müsste als inline oder inline-block formatiert werden, und dessen Elternelement, das ja auch den Text enthält, bekommt vertical-align:middle.  
  
So long,  
 Martin  

-- 
Wichtig ist, was hinten rauskommt.  
  (Helmut Kohl, 16 Jahre deutsche Bundesbirne)  
Selfcode: fo:) ch:{ rl:| br:< n4:( ie:| mo:| va:) de:] zu:) fl:{ ss:) ls:µ js:(