How to stop image alignment around text?

• 

  mcccxxv · Member · Feb 11, 2017 at 10:36 pm

  • Copy link
  • Add topic to favorites

  <img class=’alignleft’> to wrap around a text paragraph. For the second paragraph, I want it to appear below the image, not around it any more.

  How to clear the alignment attribute?

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

• 

  timethief · Member · Feb 11, 2017 at 10:41 pm

  • Copy link

  See here https://en.support.wordpress.com/visual-editor/#alignment

  <img class=”aligncenter”

• 

  mcccxxv · Member · Feb 11, 2017 at 10:45 pm

  • Copy link

  What to look for there?

  I am already using <img class=”aligncenter”

  The question then is, for the subsequent paragraph, I do not want the image to continue wrapping around it. Rather, the paragraph will appear below the page at full width.

  How to clear this “class”?

  Searching shows that there used to be something like

  <BR CLEAR=”all”>

  But that is not working. Other options?

• 

  timethief · Member · Feb 11, 2017 at 10:48 pm

  • Copy link

  re: image alignment
  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).

  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.

  To prevent the staggered effect what you do is insert the following snippet of code into the Text (HTML) editor after each image/text pair:
  <div style="clear:both;"></div>

• 

  timethief · Member · Feb 11, 2017 at 10:49 pm

  • Copy link

  I don’t use the HTML editor at all so if you still need help type modlook into the sidebar tags on this thread for a Staff follow-up. How do I get a Moderator/Staff reply for my question? https://en.support.wordpress.com/getting-help-in-the-forums/#how-do-i-get-a-moderatorstaff-reply-for-my-question Also subscribe to this thread so you are notified when they respond and be patient while waiting. To subscribe look in the sidebar of this thread, find the subscribe to topics link and click it.

• 

  mcccxxv · Member · Feb 11, 2017 at 10:49 pm

  • Copy link

  Brilliant. That did the trick:

  <div style=”clear:both;”></div>

• 

  timethief · Member · Feb 11, 2017 at 10:51 pm

  • Copy link

  I knew it would … lol :D. Happy blogging. :)