Hallo Schmidt,
Ich habe deinen Vorschlag ausprobiert:
-Opera: vertikal zentriert
-Safari: oben ausgerichtet
-Firefox: vertikal zentriert
-Chrome: oben ausgerichtet
Ich hab hier nur einen IE 9 ;) bei dem ist es auch vertikal zentriert.
Aber ich merke, dass ich mich vielleicht nicht richtig ausgedrückt hatte.
Doch doch, ich hab schon verstanden, sehe aber keine weitere Lösung. Zudem möchtest du ja sicherlich auch, das der Text mittig zum Bild ist und nicht auch oben am Bild beginnt. Bei der p-Variante sieht es ja quasi auch erst bei zwei Zeilen schön aus.
Es gibt natürlich eine Variante, aber die ist zumindest mal textauszeichnungsmäßig sehr doof, keine Ahnung, ob die in allen Browsern geht, zu vermuten wäre es ja.
<button style="width:100%;">
<table>
<tr>
<td style="vertical-align:middle;margin:10px;"><img src="bsp2.png" width="30" height="30"></td>
<td style="vertical-align:middle;margin:10px;">Ein längerer Beispieltext, der bei einem schmalen Fenster zum Umbruch führt, was jedoch auch schön aussieht und gerne so bleiben soll.</td>
<tr>
</table>
</button>
ciao
romy