Hallo,
ich dachte, das wär ganz einfach, aber ich kriege es auch nach längerem Suchen einfach nicht hin.
Ich habe eine div-box mit Text. Unten rechts in der Box ist eine Grafik. Um diese Grafik soll der Text herumfließen. Tut er aber nicht, sondern er wandert hinter die Grafik. Der float-Befehl ist wirkungslos.
Hier mein Testcode:
Wie kriege ich es hin, dass der Text um die Grafik herumfließt?
ich dachte, das wär ganz einfach, aber ich kriege es auch nach längerem Suchen einfach nicht hin.
Ich habe eine div-box mit Text. Unten rechts in der Box ist eine Grafik. Um diese Grafik soll der Text herumfließen. Tut er aber nicht, sondern er wandert hinter die Grafik. Der float-Befehl ist wirkungslos.
Hier mein Testcode:
HTML:
<div style='position: relative;background:yellow;width:300px';>
Dieser Text soll dazu dienen, einen Text anzuzeigen. Dieser Text soll dazu dienen, einen Text anzuzeigen. Dieser Text soll dazu dienen, einen Text anzuzeigen. Dieser Text soll dazu dienen, einen Text anzuzeigen. Dieser Text soll dazu dienen, einen Text anzuzeigen. Dieser Text soll dazu dienen, einen Text anzuzeigen.
<img src='test.png' style='position: absolute;bottom: 10px;right: 10px; background:green; float:right; width:50px; height:50px;'>
</div>
Wie kriege ich es hin, dass der Text um die Grafik herumfließt?