A client of mine has been having trouble placing images on a page of her WordPress site. The page is to have an image (left aligned) with some text on the right, then another image with some text on the right, etc. Unfortunately when the text is shorter than its image, the following image is placed to the right of the first image, which makes the layout quite a jumble.
She's using the visual editor, and has difficulty with the text editor, so adding
class="clearfix" (referencing the usual
after: clearfix hack in
styles.css) to the last paragraph before the succeeding image was not going to work for her.
So I undertook adding a clearfix shortcode for my client's convenience. (Answer to come.)
: Cf. http://css-tricks.com/all-about-floats/, also see http://perishablepress.com/lessons-learned-concerning-the-clearfix-css-hack/