How To Wrap Text Around An Image?

Wrapping your text around an image in WordPress is extremely easy to do in new versions of WordPress, but it is still a question many beginners are asking.

Current versions of WordPress have special alignment options built in that take advantage of certain CSS classes in order to make image alignment and text-wrapper really easy.

Wrap Text Around Image Tutorial

Assuming you already know how to insert an image into wordpress, here is how you wrap the text around it.

1. Click on the image within the post editor, than click the Little “edit image”  image on the top left.

2. Select between “left” or “right” alignment

3. Click “Update”

Alignment Options

There are 4 different image alignment options in wordpress:

1. Left - Floats image to the left with text warping around it.
2. Right - Floats image to the right with text warping around it.
3. Center - Centers the image, no text-wrap.
4. None - The image is positioned to the left without any text-wrap.

WordPress Image Won’t Align

If you are having problems aligning your images in WordPress it is very likely that the WP theme you are using does not have the necessary CSS to do so.

To fix this problem, simply open  your theme’s stylesheet and see if the following CSS (or a version of such) has been included:

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

If you can not find anything like this, simply add it to the stylesheet than update the theme on your server. Hopefully this will fix the problem.