How to reposition text adjacent to a responsive image below the image, When my website is viewed on a vertical Ipad mini or some phones, the Options

[chris montez]

Hello

Images on my website that are coded like this one: <img src="../images/trish.jpg" width="150" height="150" align="left" alt="Trish Cox with musher Kert Perano" hspace="8"> <strong>Five Time 21 Day Tour returning client Trish Cox with musher Curt Perano</strong>

appear as I want them to with the text beside the image on most devices. However, on my Ipad mini viewed vertically , this part: "Five Time 21 Day Tour" stays next to the image and this part: "returning client Trish Cox with musher Curt Perano" goes below the image . I would like all of the text to reposition below the image when resizing for the mini or cell phones. I understand the same problem is happening on cell phones although they look correct when I use the Chrome resizer to check them.

[Christian J]

You're right pandy, that is indeed simpler (you need to clear the float as well, though).

There's a slight difference in behavior, don't know if it's important to the OP:

- with the floated text box, the text will jump down below the image before any text wrapping takes place;

- with the media query, the text may start to wrap next to the image before jumping below.

[pandy]

I meant block, not box. So did you, I believe.
(Corrected mine.)

(you need to clear the float as well, though).

Yes, if there's more to come.