So wickeln Sie einen Text um ein schwebendes Bild

Question

Ich habe mich darum gekümmert, wie man einen Text einfach um ein Floating-Bild wickelt. Die Sache ist, dass das Bild versetzt ist. Es sollte halb und halb aus einem Div-Container sein.

In der Geige können Sie sehen, wie es aussieht, noch wie: https://jsfiddle.net/nvLtpdtt/2/

Und das ist, wie ich es sein will: https://imgur.com/a/S0Kd8

Ich habe versucht, etwas mit display: flex, position: relative oder position: absolute und float: right/left, aber es war immer nicht das, was ich gesucht habe

Irgendwelche Hilfe?

Answer 1

Sie möchten, dass das Bild innerhalb des Absatzes ist - von dort können Sie es einfach nach links/rechts schweben lassen, um den Text zu umbrechen.

Für den unteren Teil können Sie nicht wirklich reagieren - aber wenn dies eine einmalige ist, können Sie es zumindest zu einer Medienabfrage hinzufügen, die nur auslöst, wenn der Inhalt eine ideale Breite hat.

https://jsfiddle.net/8ukk28e4/

Sie wollen auch

.box-img{ 
top: 150px; 
}