Home/ Questions/Q 8085823
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-05T18:15:03+00:00

You know how tekst (paragraphs) always wrap around a floated image, like so? [see

  • 0

You know how tekst (paragraphs) always wrap around a floated image, like so? [see img]

example-float

I would like the tekst to go OVER the image. Like in the example img below. I tried using z-index and display:inline but neither worked.

example-what-i-want

This is not my actual HTML, but basically what I looks like;

<img src="" alt="" style="float:right;" />
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sed eros tellus, sit amet ultrices quam. Sed quis justo metus, quis gravida orci. Vivamus porttitor fringilla massa at luctus. Quisque lacinia diam eget justo tempor vehicula. Nulla fringilla libero sit amet tortor bibendum imperdiet. Pellentesque in risus vel libero pellentesque hendrerit. Suspendisse vehicula fermentum pretium. Sed elementum eleifend dolor nec aliquam. Nam ac viverra dolor. Vivamus vitae ultricies velit.</p>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Try:

    <div style="position: relative;">
 <img src="" alt="" style="position: absolute; top: 0px; right: 0px;" />
 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sed eros tellus, sit amet ultrices quam. Sed quis justo metus, quis gravida orci. Vivamus porttitor fringilla massa at luctus. Quisque lacinia diam eget justo tempor vehicula. Nulla fringilla libero sit amet tortor bibendum imperdiet. Pellentesque in risus vel libero pellentesque hendrerit. Suspendisse vehicula fermentum pretium. Sed elementum eleifend dolor nec aliquam. Nam ac viverra dolor. Vivamus vitae ultricies velit.</p>
</div>

    The key is absolute positioning. Make sure the container has a position set (use relative if it doesn’t have one currently).

    (You may also need some z-indexing to make sure the layers are correct).

    • 0