5

What's the best approach to achieve the following effect?

[Image Removed by Poster]

I need that text to wrap around the image, which should always be in the bottom right corner. Thanks.

4 Answers 4

4

you will not succeed on this with pure html/css but if javascript is an option for you might want to have a look at

3

Unfortunately you won't be able to get text to wrap around an image like in publishing software and your example above. What you can do is set the image to float to the right or align to the right and assign margin left to it which will pad the text off of it.

Live example here: http://jsfiddle.net/2bjn3/

2

Actually is is possible if you're not opposed to non-semantic markup. Take a look at this working example:

http://jsfiddle.net/chprpipr/Zhz2v/

If you set the background image of the container to contain your portrait image, you can get pretty close to what you're looking for.

2

Sorry. HTML and CSS has some limitations. This cannot be achieved with CSS or HTML.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.