Text vertikal zentrieren trotz float:left

[Schmidt]

Keine Ahnung, ob es das ist was du suchst, aber du kannst um den Text einen Absatz setzen (<p>) und dies erzielt die gewünschte Zentrierung des Textes.

<button style="width:100%;" name="Klickmich" type="button" value="Überraschung">
<img src="bsp1.png" width="30" height="30" style="margin-right:10px; float:left;" alt="ALT1-Text"><p>Ein kurzer Beispieltext.</p>
</button>

  
  
Hallo Romy,  
  
Ich habe deinen Vorschlag ausprobiert:  
-Opera: vertikal zentriert  
-Safari: oben ausgerichtet  
-Firefox: vertikal zentriert  
-Chrome: oben ausgerichtet  
  
Der Vorschlag führt also leider nicht zu Erfolg.  
  
Aber ich merke, dass ich mich vielleicht nicht richtig ausgedrückt hatte.  
Was ich mir wünsche ist:  
  
Bei einzeiligem Text:  
-Bild links ausgerichtet.  
-Text horizontal zentriert (in etwa)  
-Bild und Text vertikal zentriert auf einer Höhe (!)  
  
Bei mehrzeiligem Text:  
-Bild links ausgerichtet  
-Text horizontal zentriert (in etwa)  
-Text umfließt Bild in etwa wie bei float:left des Bildes  
  
Gruß  
Schmidt