Hi, I am new to Site Designer. I have version 5. I need text to flow around a picture within a container. Picture in the upper righthand corner. Paragraph starting in the upper lefthand corner and flowing around the picture. In straight HTML I would use something like:

<div style="width:100%;">
<div style="float: right;width: 50%;">
<img src="dummy.png">
</div>
<div style="float:none;">
<p>
text text text text
</p>
</div>
</div>

The above code is just to illustrate what I am trying to do. I know it is not good practice for responsive website design. Could I please have a hint on how to achieve this in Site Designer v5? FYI: I found some examples of this for the older product "Responsive Site Designer" but I could not figure out how to translate those to Site Designer v5.

Thanks

The container holding the image and text has to be set to block, image first child text second child, the image set to float left or right in your case it would be float right, the text (or paragraph) will wrap around the image you can adjust the position the image using top margin and left or right margin to put a bit of space around it.

Quick Demo
https://youtu.be/dfEvLNUjPgc

Thank you Wayan Jaya!!!!!!
It worked! (I did not doubt your instructions)

I had tried that before, but I think I had the picture as the second child of the container. Also my container with the picture+paragraph was nested inside a larger container that included several other elements. I must have accidently set some parameter for that outer container (it was also in block mode) that interfered with the float of the picture in the new container.

But I created a new container on the outside of the larger container and dropped in the elements. It worked just like you showed me in the video (nice touch). I was then able to copy and paste the working picture+paragraph container into the larger container and that also worked. Now I am making some real progress.

Thanks again!