How to Keep Images from Running into Your WordPress Content

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;.

FREE EBOOK
Your step-by-step roadmap to a profitable web dev business. From landing more clients to scaling like crazy.

By downloading this ebook I consent to occasionally receive emails from WPMU DEV.
We keep your email 100% private and do not spam.

FREE EBOOK
Plan, build, and launch your next WP site without a hitch. Our checklist makes the process easy and repeatable.

By downloading this ebook I consent to occasionally receive emails from WPMU DEV.
We keep your email 100% private and do not spam.

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

Or set out more clearly …

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

Here’s an example:

<div style=clear:both;><a href="http://example.com/wp-content/uploads/musicman.jpg"><img class="alignnone size-full wp-image-375" title="musicman" src="https://example.com/wp-content/uploads/musicman.jpg" alt="" width="125" height="125" /></a></div>

 

Tags: