Align text around an Image

[dahood]

Hallo,
leider fallen mir die Begriffe in Deutsch sehr schwer und bitte daher um Entschuldigung in voraus.

Ich habe ein Image und möchte rechts und links vom Image etwas schreiben. Im Grunde genommen, sind es 6 Wörter(hyperlinks). Die will ich so anordnen das es jeweils rechts und links vom Image steht. Und zwar oben(top), mitte(middle) und unten(bottom).

bsp:

 <p>This is some text. <img src="style/logo.png" align="top"> This is some text.</p>

Jetzt will ich das gleiche am gleichen Bild nochmal machen, aber diesmal mit align="middle" und noch eins mit align="bottom".

Ist das überhaupt möglich und wenn ja, wie?

Vielen danke im voraus

 

[nu.tella]

Nicht ganz passend, aber sehr ähnlich: http://www.ohne-css.gehts-gar.net/0019.php

 

[MrMurphy]

Hallo

Für deinen Wunsch gibt es mit HTML / CSS keine direkte Lösung.

Du kannst links und rechts vom Bild jeweils einen Container plazieren, dort jeweils drei Links hineinschreiben und das ganze mittels Flexbox ausrichten.

Gruss

MrMurphy

 

[dahood]

Tatsächlich, es geht auch ohne die Filler:
https://jsfiddle.net/Sempervivum/7zps187g/1/

Vielen dank für die schnelle Antwort. Die Antwort von Sempervivum kommt am nähsten ran. Immerhin weiß ich, dass man es nur über Trick 17 erreichen kann. Oder durch Javascript, aber dies will ich bewusst auslassen. Ich wollte natürlich, dass die Links direkt rechts und links neben den Image stehen, ohne Abstand zwischen Image und links zu haben. Aber ich bin immer zufrieden, mit dem was ich momentan habe. In diesem Sinne vielen lieben dank. Ich werde dennoch weiterhin hier reinschauen, falls andere Lösungsvorschläge gibt.