Image and text formatting/placement

  • I am trying to edit my latest entry to look good. I want the bit of text that is hanging under the photo to be in line with the rest of the paragraph.
    Earlier this week I looked at a page that was about formatting images and text in wordpress, but now I can’t seem to find it. I know it said something about the when you post an image the default is for it to ‘hang out in the left corner’.. any ideas?

Viewing 3 replies - 1 through 3 (of 3 total)

  • You could put the image in a span (or just set style in the img tag), and set the width and float it left, and then set the style to the first paragraph to float right at a set width. That might work.
    So just making things up…
    img scr=”image.jpg”… style=”width: 200px; float: left;”
    and
    p style=”width: 300px; float: right;”
    Obviously I’m not positive on what width you’d want your paragraph, I just put figures in to illustrate my point. I hope that works for you.

    It looks fine, except for some padding-right for the image. Remember, how much text is left “hanging” depends on the browser window size. For my browser it looks fine wrapping the picture. An alternative would be to have the image centered under the first line (no wrapping) and start the paragraph underneath.

    Thread Starter clay

    (@clay)

    Thanks for the suggestions. I hadn’t even thought about adding css classes to take care of it.
    I added a #pic-post and a #pic-header for padding and position of the image, and to make a heading for the picture, which also pushes the rest of the text down beneath the pic.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Image and text formatting/placement’ is closed to new replies.