html - CSS let text go over image -


you know how tekst (paragraphs) wrap around floated image, so? [see img]

example-float

i tekst go on image. in example img below. tried using z-index , display:inline neither worked.

example-what-i-want

this not actual html, 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 @ 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> 

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 @ 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 absolute positioning. make sure container has position set (use relative if doesn't have 1 currently).

(you may need z-indexing make sure layers correct).


Comments

Popular posts from this blog

django - How can I change user group without delete record -

java - Need to add SOAP security token -

java - EclipseLink JPA Object is not a known entity type -