line break after images

  • Unknown's avatar
    musingonthemind · Member ·

    Hi, I’m having problems with trying to continue a post on a page where I have inputted some images. (https://musingonthemind.wordpress.com/interesting-links/).

    In the visual editor, I can get it to look ok, but then on preview its a mess, with the words appearing alongside the images rather then underneath them. I’ve tried changing the HTML stuff… I can get to a stage where it looks kind of ok when posted, but the visual editor is an absolute mess.

    I does seem overly difficult to manage to type after the images.. I have to get the curser to a position just inside the border of the image, and click return until the curser is below the image so I can type where I want. I can’t just click below the image to type, it doesn’t let me.

    Does this question make any sense?

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

  • Unknown's avatar
    timethief · Member ·

    See here please > http://en.support.wordpress.com/visual-editor/#alignment and here https://en.support.wordpress.com/images/image-alignment/#side-by-side

    The alignment icons in the WordPress 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.

    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>

  • Unknown's avatar
    brookedot · Member ·

    Hi musingonthemind,

    It looks like you are using the caption feature. This is the recommended way to add text under your images. Is this resolved or am I misinterpreting the question?

  • Unknown's avatar
    musingonthemind · Member ·

    Thanks for feedback. Solved by changing text / picture status to either heading or paragraph… whichever one worked :-)

  • The topic ‘line break after images’ is closed to new replies.