Text Not Wrapping Around Images in Wordpress

by johnsutton on June 4, 2010

Had a problem with text not wrapping around images when the images were either floated left or right in a blog post. Here’s how to fix that in version 2.9.2.

Login to the backend. On the left-hand navigation pane navigate to ‘Appearance’ then ‘Editor’. This opens the styles.css file.

Scroll down to the end of the classes section [styles prepended by a period] and insert the following code to float images left.

.alignleft {
display: inline;
float: left;
//add padding and margins and borders as you see fit//
}

Below this, to float images right, insert this code:

.alignright {
display: inline;
float: right;
//add padding and margins and borders as you see fit//
}

You might want to set margins if you want the image to have a little breathing room. HereĀ  is a discussion dealing with this issue.

NOTE: It’s possible that you may not be able to write to the css file which probably means that permissions need to be changed.

Leave a Comment

Previous post:

Next post: