WordPress.org

1. SMF2382
   Member
   Posted 2 years ago #

   Hello!

   I'm very new to WordPress, HTML, CSS, etc.

   I'm still working on setting up my blog and doing some test posts. One problem that I keep running in to is when I insert an image (aligned left), and then want to continue with a new paragraph of text below the image (not wrapped). I'm finding that regardless of what I do, the text automatically wraps, and I can't figure out how to un-wrap it and then add one or more lines between the image and the new paragraph.

   I have been composing my posts in the visual editor, however I realize that for this I probably need to be utilizing the HTML editor (just not really comfortable there yet).

   Is there a simple fix within the HTML editor that I can use to fix this problem (wrapping), and then to also allow for one or more spaces beneath the image and the new paragraph I want to start?

   I don't have any "real" live posts yet, but below is an examples from a draft post - HTML editor - where the problem is occurring. From the visual editor side, things look good, but when I preview or actually publish it's not right.

   Thanks in advance!! - Sarah

   Text text text text

   <img class="alignleft size-full wp-image-90" title="peaches" src="http://theamateursdish.com/wp-content/uploads/2010/05/peaches2.jpg" alt="" width="252" height="210" />

   Text text text text

2. esmi
   Theme Diva & Forum Moderator
   Posted 2 years ago #

   Unless you provide a link to a page demonstrating the problem, no one will be able to offer much in the way of specific help.

3. SMF2382
   Member
   Posted 2 years ago #

   Oh okay...here you go.

   http://theamateursdish.com/

4. esmi
   Theme Diva & Forum Moderator
   Posted 2 years ago #

   There isn't an easy global fix for this issue - especially since the height of your images will vary. The only option I can think of is to add some inline style to the new paragraphs - eg:

   <p style="clear:left">

   for following a left-aligned image etc.

5. SMF2382
   Member
   Posted 2 years ago #

   Thanks so much! That worked for unwrapping the text and getting it into a new paragraph below the image.

   One additional question. How can I get a space (or more) in between the image and the new paragraph below? I've tried inserting
   with no luck.

6. SMF2382
   Member
   Posted 2 years ago #

   I actually may have just resolved it by just adding a margin to the image. I still have a lot to learn!

   Thanks again for your help!

Topic Closed

This topic has been closed to new replies.