Простая техника позиционирования изображения при обтекании текстом

Простая техника позиционирования изображения при обтекании текстом

Довольно часто при верстке создается необходимость расположить изображение слева от текста таким образом, чтобы текст находился справа от изображения и не сворачивал под него, т.е. должно это выглядеть вот так: Алеаединица, в первом приближении, текстологически интегрирует микрохроматический интервал, при этом нельзя говорить, что ...

Комментарии (45)
  1. 1
    @

    Вот еще похожее решение нашел :)
    Статья: http://ghettocooler.net/2005/11/13/
    Пример: http://ghettocooler.net/img/floats-no-wrap/
    Давненько было написано :)

  2. 2
    akaGamlet

    img
    {
    float: left;
    position: relative;
    margin-left: — /* маргин на который сдвинули*/
    }
    и все

  3. 3
    Romka

    хм… ребят а вот я все время весь контент пихаю в div’ы привык из-за пользования визуальным редактром )) и вот у меня наоборот по вашему методу получается: пихать текст в отдельный див) так что пошел дальше искать )

  4. 4
    Romka

    :D нашел про див) мб ко му то пригодится: прямо в нужный див в параметры добавляем все замечательно! ) написано еще после того как обтекание закончилос дописать: только и без этого все прекрасно )

  5. 5
    Владимир
    @

    А можете подсказать как установить картинку в нужном мне месте дива? Страница у меня генерируется автоматически, поэтому влезть в тег img не могу