Stripped paragraph spacing

• 

  englishmartyrspreschool · Member · Jan 7, 2012 at 2:00 pm

  • Copy link
  • Add topic to favorites

  We are experiencing a very similar problem to this user – https://en.forums.wordpress.com/topic/stripped-paragraph-spacing?replies=20#post-773369

  We have two pages on our site with information about staff and committee members that need updating periodically.

  However, as soon as the page is opened for editing in visual mode, the double &nbsp between each person are removed, with the pictures and accompanying text displaying horizontally across the page.

  If the page is opened for editing in html mode the &nbsp remain, but disappear if you switch to visual mode.

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

• 

  panaghiotisadam · Member · Jan 7, 2012 at 2:43 pm

  • Copy link

  The nbsps are removed because you’re misusing them: they are used to force a non-breaking space between two words in a line, not to create blank lines. And the images display horizontally because they’re left aligned: setting the alignment of an image to left means that the rest of the content will wrap around, that is, start next to the image instead of below it. What you need to do is switch the editor to HTML and paste this after each image/text pair:
  <br style="clear:both;" />

• 

  englishmartyrspreschool · Member · Jan 7, 2012 at 3:54 pm

  • Copy link

  Hi

  Thanks for your suggestion.

  We do want the images left aligned, so that the bio information is alongside.

  The &nbsp were placed by WordPress when adding paragraph returns using the visual mode, rather than by me entering them as html – if that makes sense.

  I have just tried pasting the code you have given into the html editor. It took a couple of goes to get it in the right place as initially WordPress was still stripping it out, but it now seems to be okay.

  Thank you for your help.

• 

  panaghiotisadam · Member · Jan 7, 2012 at 5:46 pm

  • Copy link

  You’re welcome.

  Extra returns is also wrong: the web standard is one blank line between paragraphs.

  I know you want the images left-aligned. The code I suggested is associated precisely with left and right floats: it restricts their effect up to the point you insert the code, so that you get only what you want next to the image (instead of everything that can fit).