Две картинки (одна в начале, вторая в конце) и абзац. Как применить стили чтоб текст обтекал обе картинки?

Question

[Михаил]

Всем привет!

Есть информационный блок , состоящий из двух картинок и текста.

Первая картинка- смещена влево, текст ее обтекает справа, вторая картинка находится в конце информационного блока, смещена вправо и обтекается текстом слева.
Длина текста (тэг - абзац)- произвольная.

Вот тут должно быть наглядней:

ССЫЛКА

Как применить стили чтоб текст обтекал обе картинки?

Заранее спасибо!

Answer 1

[Антон]

Здравствуйте!
Вот так, например, - jsfiddle.net/ge15jLfg/3

Comments

[Михаил]

Как вариант- годится. А если картинка отдельно и не вложена в параграф?

[l2p]

Михаил: Никак

[Антон]

Михаил: если отдельно, то она будет справа тоже, но сразу же под 1 картинкой. Это будет смотреться не очень красиво. Вы хотите, чтобы они были на каком-то расстоянии друг от друга в параграфе, но прописаны до параграфа(как 1 картинка в моём варианте)?

[l2p]

Максимум можно объявить блок определенного размера, чтобы текст сместился, и absolute-ом картинку туда впихнуть=)

[Михаил]

Антон: вот "эскиз" : css-tricks.com/wp-content/csstricks-uploads/web-te...

Answer 2

[Михаил]

По ссылке "эскиз" как это должно выглядеть:

css-tricks.com/all-about-floats

На двух первых картинках изображение

Answer 3

[Глюкъ Виртуален]

<img id="one" src="http://lorempixel.com/400/200/abstract" style="float:left; margin-right:20px"/>
<p>......
<img id="two" src="http://lorempixel.com/400/200/abstract" style="float:right; margin:20px; margin-right:0px"/>
......</p>