Aligning text right when using relative positioning with image

  • I am have an image on an angle and am trying to wrap the text neatly around the image. The image is also positioned oddly (intentionally) sitting outside the page borders using relative positioning. If I set the text to right align, it looks as though WordPress creates a space in the page relative to the size of the image and then the text wraps around that space. But as my image is positioned, all I get is one huge empty space.
    Make sense?

    Basically, how do I get the text closer to the image.

    https://www.katiehemmeter.com/wp/about-me/

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

  • Will you please provide a screenshot of what is happening?

    Am I right in thinking it is the 4 photos in the png file that comes over the top of the text?

    If so one problem is that it is outside the div that you have the text in – one is clas format_text the other is div id strip.

    I don’t know if it is possible to get a flow around a offset image as the image is within a rectangle that is 151 x496. That is how the browser will read it and text will format around it.

    Have you thought about trying to use negative margins on the image instead of relative positioning? They tend to have similar positioning effects, but the negative margins will not remove the image from the box model.

    If that doesn’t work, you’ll most likely need to put an empty placeholder inside the content div and float it to the right, so that it creates an imaginary box in the space that the image takes up visually.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Aligning text right when using relative positioning with image’ is closed to new replies.