getting text to wrap around image

• 

  lynneayers · Member · Jan 24, 2012 at 1:24 am

  • Copy link
  • Add topic to favorites

  I did this, once, but I can’t figure out how to do it again. I tried to search out the answer myself but no luck. I am in visual mode, click the align button for right/centre/left – the photo moves but the text does not wrap …. sign me frustrated

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

• 

  timethief · Member · Jan 24, 2012 at 1:27 am

  • Copy link

  Why don’t my images align the way I want them to?
  The alignment icons in the WordPress Visual 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. 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;" />

• 

  lynneayers · Member · Jan 24, 2012 at 5:07 pm

  • Copy link

  I understand your reponse to say that when I click one of the alignment buttons, my text should then wrap around the photo – but as I said above it isn’t – the photo moves and the text stays at the bottom … what am I missing?

• 

  panaghiotisadam · Member · Jan 24, 2012 at 7:52 pm

  • Copy link

  We can’t tell unless you link or point to the post with the issue in question and tell us exactly what you want where.

• 

  lynneayers · Member · Jan 25, 2012 at 2:19 pm

  • Copy link

  Sorry – it is the one titled pointillism

• 

  panaghiotisadam · Member · Jan 25, 2012 at 3:50 pm

  • Copy link

  In the Visual post editor, click on the image, click the edit button (mountain icon), select Alignment > Left, click Update (image), click Update (post).

  Or, in the HTML editor, turn this:
  <img title=ETC ETC
  to this:
  <img class="alignleft" title=ETC ETC
  then click Update.

• 

  lynneayers · Member · Jan 25, 2012 at 4:47 pm

  • Copy link

  Thank you! I just could not remember how I had done it – now I have written it down. Many thanks

• 

  lynneayers · Member · Jan 25, 2012 at 4:48 pm

  • Copy link

  thank you.