Michelle Adams

Floating Images

Another common problem experienced with WordPress is the failure of images floating to the left or right even though the function ‘appears’ to be available in the WordPress image editor. Floating an image to the right or left of text is one of the most common design questions I receive personally and see in various forums.

I’m not a html expert but what I do have is a list of codes that I use over and over and they work. Are there better ways to code? Probably. I just do what works and for floating images this is what works:

<div style=”display:block;float:left;margin;”>
</div>

Below is a tutorial with step by step screen shots that I recently created for someone on my tools for blogs website. Click on the images below to enlarge them if need be. Again, thanks goes out to Lizzie for the inspiration for this article.

1. Click On Upload Image

2. Select Image File And Upload

3. Click Insert Into Post

4. Click On The HTML Tab

5. Recognising Image Code

6. Position Your Text

7. Position The Code

8. To Position The Image To The Right Simply Change The Word left To right In The HTML Code.

<div style=”display:block;float:right;margin;”>
</div>

8 Easy Steps And You’re Done!

Michelle Adams

| | | | | |