WordPress 2.5+ Tutorial – How to Wrap Text Around an Image

This beginner-level tutorial by Mark McLaren of McBuzz Communications teaches you to wrap text around an image using WordPress version 2.5 or later. And it shows how to insert an image and align it left, right or center. In earlier version 2.3 and earlier of WordPress, it was necessary to use the Code (HTML) editing window to insert a bit of HTML (using cascading style sheets) to get images and text to line up right. WordPress 2.5 and 2.6 improve text wrapping. Additional HTML code is not necessary. Just use the Add an Image dialog box to set image alignment, and text wraps nicely and aligns well with the image.

This entry was written by admin, posted on July 28, 2010 at 7:05 pm, and filed under CMS Tutorials and tagged , , , , , , , , , .

9 Comments

  1. pammyjfashions
    Posted July 29, 2008 at 5:44 pm | Permalink

    Very helpful tutorials, thanks.

  2. mcbuzzvideo
    Posted July 29, 2008 at 5:56 pm | Permalink

    Glad you like them, pammyjfashions. Thanks for commenting!

  3. DaveLeoni
    Posted October 14, 2008 at 1:50 pm | Permalink

    hi thanks. can you insert a pic and set it behind the text? I tried importing a file from word like that but it only imported the text.

  4. BeautifulMagical
    Posted June 19, 2009 at 9:39 pm | Permalink

    Hi there, I notice this text wrapping isn’t working for embedded objects. I am using left aline so that the text is to the right of the video, but still only the top line of the text appears to the bottom right of the video. Any thoughts?

  5. www1320moviecom
    Posted August 29, 2009 at 8:13 am | Permalink

    Is it just me, or does YouTube not work right half the time – they put your posts and/or replies in areas above or below the position they should be at!!!

  6. sean10222
    Posted December 18, 2009 at 11:21 am | Permalink

    I am trying this with version 2.8. (I am new to Wordpress.) Text wraps fine in the editor. Viewing the page, the text is not wrapped — text is above or below the image. When I go back to edit the page, the text shown as wrapped.

    It is like something is not saving, but when I go back to edit it looks fine in the editor.

  7. sean10222
    Posted December 18, 2009 at 11:26 am | Permalink

    Not working for me. I am new at this using version 2.8.

    Text wraps fine in the editor using your instructions. I Update the page, but the text is not wrapped on the page. Text is above or below the image. I click “Edit this entry” on the page to fix it, but it looks fine, text wrapped, in the editor.

    I am using the Firefox browser.

  8. ghoblinda
    Posted December 31, 2009 at 6:17 pm | Permalink

    me too I have the same problem
    I’ve searched in the web but it seems that we have to change something on the stylecss file but nothing worked, did you find a solution?

  9. personaltract
    Posted March 26, 2010 at 11:30 am | Permalink

    Not sure about the other comments but I found this definitely sorted my problem!
    Many thanks

Powered by Yahoo! Answers