Vermutlich fehlt es den Absätzen noch an entsprechender Breite (positionierte Elemente verhalten sich da anders, als Elemente im Fluss). Gib den <p>s doch mal einen Rahmen, dann müsste es deutlich werden.
Also jetzt hab ich mal um das zu vereinfachen ein <div> um die <p>s gelegt (und die <p>s entfernt und durch ein <br> ersetzt).
Nun kann ich aber mein neues inneres Div immer noch nicht zentrieren. Und es passt sich nicht automatisch der Größe (breite) der Texte an (sind nur zwei Wörter untereinander).
Dann hab ich halt mal das innere div width und height 100% gesetzt, quasi zentriert also. Dann is natürlich mein text darin nicht zentriert...
Dann einfach das nun quasi unnötige innere div wieder entfernt.
Jetzt erscheint der Text unterhalb des Bildes und nicht darauf.
Trotz:
{position:absolute; text-align:center; vertical-align:middle;}
Also vertical-align hat bei mir noch nie, in keinem Fall eine Wirkung gezeigt.
BTW, wie setzt man dass denn über den DOM?
denn element.style.vertical-align = "geht ja nich";