CSS+DIV: обтекание изображения текстовыми символами

Автор：Eve Cole Время обновления：2009-05-31 00:49:51

Увидев приведенный выше эффект, вы можете подумать, что это просто картинка с текстом; ха-ха, выделите текст с помощью мыши и выясните, что это полностью комбинация изображения и текста. Ниже я расскажу, как это делается.

Давайте сначала посмотрим на код:

Ниже приводится цитируемое содержание:
<div id="информация">
<h2>ОТСЛЕЖИВАНИЕ ВАШИХ ИЗОБРАЖЕНИЙ</h2>
<div id="удерживать">
<img src="/imagelist/06/24/4fnpgj5042e6.jpg" alt="Винни-Пух" title="Винни-Пух" />




























«Мне придется подождать, пока я его догоню», — сказал Винни-Пух. «Теперь посмотри туда». Он указал на землю перед собой. «Что ты там видишь?» бр />
"Следы", - сказал Поросенок. "Следы лап". Он издал легкий писк от волнения. "О, Пух! Думаешь, это... Вузл?" 
"Может быть", сказал Пух. "Иногда так, а иногда нет. По отпечаткам лап этого никогда не скажешь". 
С этими несколькими словами он пошел дальше, а Пятачок, понаблюдав за ним минуту или две, побежал за ним, внезапно остановившись и как-то озадаченно склонившись над рельсами. 
"В чем дело?" - спросил Пятачок. 
— Это очень забавно, — сказал Медведь, — но, кажется, теперь есть два животных. К этому — что бы это ни было — присоединилось другое — что бы это ни было —
и теперь они вдвоем идут вместе. Не мог бы ты пойти со мной, Пятачок, на случай, если они окажутся враждебными животными?» 
Пятачок мило почесал за ухом и сказал, что до пятницы ему делать нечего, и он будет рад прийти, если это действительно Вузл. 
"Ты имеешь в виду, если это действительно два Вузла", - сказал Винни-Пух, а Пятачок сказал, что ему все равно нечего делать до пятницы. Так что они пошли вместе.
</div>
</div>