How to Keep Images from Running into Your WordPress Content

Everyone seems to have issues with the WordPress editor at one time or another. It seems to have a mind of its own and will do things to your content that you don’t want done.

One issue that seems to occur occasionally is when your text content creeps up around an image even when you tell it not to. No matter what you do, you can’t get the image to simply sit above the text and be separate from it.


The Solution

Here’s a solution that should solve your problem.

Go into the HTML view on your editor, and then wrap the image in div tags with some styling that says clear:both;.

<div style=clear:both;>(your image)</div>

Or set out more clearly …

<div style=clear:both;>
(Your image info.)

Here’s an example:

<div style=clear:both;><a href=""><img class="alignnone size-full wp-image-375" title="musicman" src="" alt="" width="125" height="125" /></a></div>




Photo: Malicious The Man from BigStock