Как сделать перенос текста выше и ниже div?

У меня нет проблем с получением текста для обтекания div, когда вершины элементов выровнены, но я не могу понять, как сделать обтекание текстом выше и ниже div .

Например, я хочу, чтобы текст был на всю ширину #container на 40 пикселей, затем обернул его вправо, а затем снова перешел на полную ширину.

См. На http://jsfiddle.net/cope360/wZw7T/1/ . Я добавил верхнее поле к #inset - это то место, где я хотел бы обернуть текст. Возможно ли это?

CSS:

#inset {
    width: 100px;
    height: 100px;
    background: gray;
    float: left;
    margin-top: 40px;
}

HTML:

Inset
This text should wrap all around. This text should wrap all around. This text should wrap all around. This text should wrap all around. This text should wrap all around. This text should wrap all around. This text should wrap all around. This text should wrap all around. This text should wrap all around. This text should wrap all around. This text should wrap all around. This text should wrap all around. This text should wrap all around. This text should wrap all around. This text should wrap all around. This text should wrap all around. This text should wrap all around. This text should wrap all around. This text should wrap all around. This text should wrap all around. This text should wrap all around. This text should wrap all around. This text should wrap all around. This text should wrap all around.

11
задан cope360 6 January 2011 в 19:22
поделиться