First, I want to show you a few examples of what the end result looks like.

As you can see, the image is on the right, the text is on the left of it and there is a bit of white space between the text and the image.

Here is another example

Here is another example:

Here is another example. It uses an image of the famous "Lorem ipsum dolor" which is on the right of the webpage.

The sample 'code' used in this tutorial uses this example.

If you want to learn how to do this, then please continue.

Join the Discussion
Write something…
Recent messages
sb4269 Premium
Awesome tutorial David, thanks, good stuff.
SurfsideBob Premium
Awesome tutorial David, thanks for sharing David. I tried to explain this to someone via PM a couple of weeks ago and then just ended up writing the code and emailing it to them.

Hopefully many people will tune in to this and grow. Some people don't want to hear the 4 letter word "code" and would prefer to pretend it isn't necessary. Your tutorial is just one example why it is.

Thanks again, peace my friend! :-)
DynamicDavid Premium
Thanks for your kind comments.

I hear you, loud and clear. I answered the question a few times in comments in the past while, and I could never find those comments to do a "copy and paste" thing, when someone else asked a similar question.
Pashley59 Premium
I am going to use this method! Looks great!
DynamicDavid Premium
Yes, it is great. I use it all the time.
Freisia Premium
Excellent, I really appreciate you sharing this training. Thank you David.
DynamicDavid Premium
You are welcome. I have just edited this training.

At the bottom of lesson 5 is the 'raw code' where 'copy and paste' can be used. I have highlighted in bold there, what are the details that would most likely need changing.

Once you have done this a few times, it will become second nature to you.
MKearns Premium
Best training I've seen on wrap around text. Thank you David!
DynamicDavid Premium
Thank you for those kind comments. It means a lot.