Some trouble shooting tips
If the image and text is not displaying correctly, there may be something wrong with your code.
The code supplied here works, so carefully compare your code against the code specified here.
Please do not convert lower case characters to upper case characters in your versions of this code, because for sure, that will not work.
Please see the bottom of the previous lesson for a copy of the working code where you can use 'copy and paste' to help prevent typos and the like.
Note that to display the image on the left, the float value should be changed from "right" to "left". The margin values might be different.
This 'code' will also work in WordPress Pages. It will also work in WordPress Widgets. This type of 'code' would be mostly used in WordPress Posts.
When using any 'code', always check afterwards, that it behaves in the expected way. If you do not test this, do not be surprised that images are not displayed as the exact image file name has to be specified.
Once you have inserted this 'code' a few times, you simply grab the existing 'code' from the earlier WordPress Post, using copy and paste, you paste it into the new WordPress Post, and amend a few properties, usually the width, height and the actual image file name. Everything else would usually stay the stay.
Use this approach a few times and it will become 'second nature' to you.
Continue on if you want to insert an image in the middle. In this case, there is no text floating around it. The text is above the image and the text is below the image.
If you liked this, feel free to push the "Like This” button :)
Reply
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! :-)
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.
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.
