带有背景img的文字换行

Question

As shown in this screenshot, I'm trying to get my text to wrap so that it goes around the background-img.

Obviously this won't work all in itself, therefore I've come here to ask for a possible solution. There are a few ways I've thought of myself, such as putting the image there using absolute positioning, but I'm pretty sure it wouldn't help me wrap the text.

Answer 1

recently found just such a piece can help

shape

Answer 2

Create a css class named TextWrap or whatever you choose with properties as follows:

.TextWrap  {
    float: left; 
    margin: 10px;
}

Adjust the float/margin depending on where you want the image in relation to the text. Add the class as the name in your image in HTML.

Answer 3

There is jQuery plugin for stuff like this:

http://www.jwf.us/projects/jQSlickWrap/

Here what they say:

Why would I need this?

If you've ever felt the need to wrap stuff around an irregularly-shaped image using CSS's float, you may have been somewhat disappointed to find out that it's forced to wrap around the image's bounding box, rather than the actual contents of the image.

UPD. And yet another one: http://baconforme.com/