help – trouble wrapping text around images

  • Unknown's avatar
    czarsmom · Member ·

    I’m an artist, and need to be able to include images in my blogs. Even though I’ve read the help page on it, I’m having trouble getting it to work right today. Also I saved a draft but when I came back, I lost all that I had written. I’m getting frustrated. What is the secret to wrapping text around images so I don’t have big blank holes in my blogs?? I use safari as my browser.

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    timethief · Member ·

    The secret is to understand that you need the text to occupy the same amount of space as the image next to it does.

    Why don’t my images align the way I want them to?

    The alignment icons in the WordPress editor are for aligning text; they are not for aligning images. They are used to achieve wrapping text around images on either the right or left hand side, or to display an image that’s centered without text on either side of it. If the text beside the images does not occupy the same amount of space that the image beside it does then the text wrapping will continue and the images and text that follow will have a staggered appearance.

    • Align-left means position left, with the rest of the content wrapping around the right side of the image.
    • Align-right means position right, with the rest of the content wrapping around the left side of the image.
    • Align-center means position center, with no wrap-around (= the rest of the content below the image).

    So if you want your images to be side by side on the same line start by setting the alignment of all three images to left or to the right. To prevent the staggered effect what you do is insert the following snippet of code into the HTML editor after each image/text pair:

    <br style="clear:both;" />

  • The topic ‘help – trouble wrapping text around images’ is closed to new replies.