I’ve seen this problem before when you have several tall images all aligned to the left. What is happening is the images are so tall they just keep trying to stay left aligned until they don’t fit across the page anymore (it’s part of the coding in the design that filters the way your site looks). What you need to be able to do is tell the next image to “clear” the left alignment and to start on a new line with an HTML tag. It is a bit of a glitch with WordPress as far as I can tell, so you have to outsmart it. Here’s how:
- Switch to the HTML mode (the code) by clicking the HTML tab.
- Then wherever you want a new line before each image that is having the problem, you’ll put the following text:
<div style=”clear:both;”></div> - Then you need to publish the post and check it by viewing the site.
There’s a gotcha to watch out for – if you go back into Visual mode from HTML mode without publishing, the <div style=”clear:both;”></div> tag disappears. This happens with several different HTML tags – it’s a bit squirrelly.