Обтекание картинки текстом - HTML и CSS

strongK · 08.06.2014, 16:11

Привет!
Помогите! нужно сделать, что бы нижняя картинка, была поднята вверх а справа её обтекал текст. Как вот на рисунке:
Без имени-2.jpg
Код:

Код HTML:

<head>
    <style>
.up img {float: right;}
.down img {float:left;}
    </style>
 </head>
 <body>
 
<div class="up img" >
<img  src="http://upload.wikimedia.org/wikipedia/commons/8/87/Rubythroathummer65.jpg"></div>
Это очень подвижные, задорные и неуживчивые птицы, обнаруживающие чрезвычайную смелость в нападениях на сравнительно крупных птиц, особенно в период вывода птенцов.
Полёт их чрезвычайно быстрый (до 80 км/ч), ловкий и маневренный, напоминает полёт чешуекрылых (бабочек).
В полёте мелкие виды издают крыльями жужжание, делая до 80—100 взмахов в секунду, при этом крупные виды совершают всего 8—10 взмахов в секунду. Движение крыльев так быстро, что очертания их совершенно сливаются; очень часто они неподвижно держатся перед цветами благодаря быстрым взмахам крыльев, как сумеречные бабочки. Колибри — единственные птицы в мире, способные летать в обратном направлении (см. анимацию, имитирующую технику полёта колибри).
В состоянии покоя сердце колибри бьётся с частотой 500 ударов в минуту, а во время физической активности (полёта) — 1200 и более. Колибри умеет летать не только вперёд, но и назад, а также вбок.
Колибри кормятся на цветах. Прежде полагали, что колибри питаются только нектаром цветов, но в действительности главную, а для многих и исключительную пищу, составляют мелкие насекомые, которых они достают из цветков, а некоторые с поверхности листьев. Птицы никогда не садятся на землю, кормятся только на лету. Считается самой ненасытной птицей на Земле — за шестнадцать часов способна пить до ста двадцати раз и съедать больше пищи, чем составляет масса её тела — 2,5 грамма. Наблюдалось, кроме того, что они схватывали насекомых, завязших в паутине, или ловили летающих насекомых. Когда колибри пьёт, она опускает язык в горлышко цветка 20 раз в секунду. При этом половинки языка, попадая в нектар, расправляют свои бока, а затем, перед возвращением в клюв, скручиваются обратно.
Голос их в основном слабое чириканье, но некоторые, как например, наименьший представитель семейства — птица-муха, поют.
Это очень подвижные, задорные и неуживчивые птицы, обнаруживающие чрезвычайную смелость в нападениях на сравнительно крупных птиц, особенно в период вывода птенцов.
Полёт их чрезвычайно быстрый (до 80 км/ч), ловкий и маневренный, напоминает полёт чешуекрылых (бабочек).
В полёте мелкие виды издают крыльями жужжание, делая до 80—100 взмахов в секунду, при этом крупные виды совершают всего 8—10 взмахов в секунду. Движение крыльев так быстро, что очертания их совершенно сливаются; очень часто они неподвижно держатся перед цветами благодаря быстрым взмахам крыльев, как сумеречные бабочки. 
Колибри — единственные птицы в мире, способные летать в обратном направлении (см. анимацию, имитирующую технику полёта колибри).
В состоянии покоя сердце колибри бьётся с частотой 500 ударов в минуту, а во время физической активности (полёта) — 1200 и более. Колибри умеет летать не только вперёд, но и назад, а также вбок.
Колибри кормятся на цветах. Прежде полагали, что колибри питаются только нектаром цветов, но в действительности главную, а для многих и исключительную пищу, составляют мелкие насекомые, которых они достают из цветков, а некоторые с поверхности листьев. Птицы никогда не садятся на землю, кормятся только на лету. Считается самой ненасытной птицей на Земле — за шестнадцать часов способна пить до ста двадцати раз и съедать больше пищи, чем составляет масса её тела — 2,5 грамма. Наблюдалось, кроме того, что они схватывали насекомых, завязших в паутине, или ловили летающих насекомых. Когда колибри пьёт, она опускает язык в горлышко цветка 20 раз в секунду. При этом половинки языка, попадая в нектар, расправляют свои бока, а затем, перед возвращением в клюв, скручиваются обратно.
Голос их в основном слабое чириканье, но некоторые, как например, наименьший представитель семейства — птица-муха, поют.<div class="down img"><img src="http://upload.wikimedia.org/wikipedia/commons/8/87/Rubythroathummer65.jpg"></div>
</body>

Важно! Текст должен быть един (например нельзя помещать часть текста в один блок, а другую часть в другой блок).

Если прописать :

Код HTML:

.down img {margin:-230px 0px 0px 0px; float:left;}

то картинка поднимается вверх, но текст пишется прямо на ней ((

Опции темы	Поиск в этой теме
Версия для печати Отправить по электронной почте	Поиск в этой теме: Расширенный поиск

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Обтекание текстом движущихся фреймов	Smokeshow13	JavaScript, Ajax	1	14.04.2014 04:30
Обтекание изображения Текстом. Помогите с кодом прошу очень нужно	Frezz	HTML и CSS	3	10.10.2013 13:36
Обтекание картинки текстом	Rikcon	HTML и CSS	5	11.09.2013 18:53
Обтекание текстом.	segail	HTML и CSS	6	05.02.2012 00:35
Обтекание картинки текстом	Natysya	HTML и CSS	1	02.03.2011 09:37