HTML/CSS: Anordnung von Text und Bildern

[Ernesto]

Hallo,

ich möchte ganz einfach ein Bild in der Mitte der Seite positionieren,
einen mehrzeiligen Text darüber, passend zu der Breite des Bildes, also
auch in der Mitte der Seite, aber links-bündig geschrieben haben.
Das ganz soll dann auch noch unabhängig von der Bildschirmauflösung
und auch im Druckbild nicht verschoben sein. Das Bild ist 720 px breit.

Ich habe versucht, den Text mit CSS zu formatieren:
<div style="text-align:left; margin-left:40px; margin-right:40px;">
 Text ...
</div>

Ich habe mit verschiedenen Einstellungen probiert. Den Text zentriert
einfach über das Bild zu legen, ist natürlich einfach. Ich will aber den
Text zwar mittig über das Bild legen, der Text selber soll aber links-
bündig geschrieben werden.
Entweder ist der Text nicht mittig über dem Bild (linksbündig geschrieben)
auf dem Bildschirm zu sehen oder das Druckbild stimmt nicht. Muß man das
mit einer Tabelle lösen? (Eigentlich soll man ja Tabellen nicht zur Forma-
tierung mißbrauchen.)

Viele Grüße und vielen Dank im Voraus!
Ernesto

[ChrisB]

Hi,

Den Text zentriert einfach über das Bild zu legen, ist natürlich einfach. Ich will aber den Text zwar mittig über das Bild legen, der Text selber soll aber links-bündig geschrieben werden.

Dann packe ihn in ein Element, das so breit ist wie das Bild.

MfG ChrisB