Text flow after picture – forcing new paragraph

The Ultimate TinyMCE adds many useful options to the editor. One of them is an icon to insert a ‘Clear Both’ div which will probably solve your problem.

Although WordPress does add <p> tags, you can still add your own (WordPress won’t add an extra one if you already have). If you add a paragraph set to clear:both it won’t wrap around any images and will start on a new line after any floated images.

So just add <p style="clear:both;"> to the beginning of the paragraph. (pretty sure WordPress will automatically close the tag for you but its a good idea to put a </p> at the end of the paragraph too)

@cai_morris, you can only do this in HTML mode, not Visual. If you switch back and forth between HTML and Visual, it can really mess up the formatting.

The plugin lets you remain in Visual mode and still add the clear both.

Fair enough. Ive never had any problems switching between visual and HTML mode, but I’ve never really used visual mode except for testing purposes.

If there is no way to add a cleared element in visual mode and you’re not comfortable using HTML mode I guess the plugin will do what you need

I think the ‘PRO’ version has the button, but not the free version ??
Will try the clear:both.
thanks

I am using the free version in many sites, and it has the icons.