Оригинал взят у
loric_50 в
Нужные формулы для дневника Картинка обтекаемая текстом
![](http://s17.rimg.info/7bb3d42ff2d81adeb776a8ec5b94a8f4.gif)
Не забывайте, что картинка должна быть не очень большой, иначе текст просто выдавит ее вверх. цифровые значения vspace="10" и hspace="10"- это всего навсего расстояние от картинки к тексту вправо и вниз, можно их менять, по вашему вкусу.
![](АДРЕС КАРТИНКИ)
ВАШ ТЕКСТ
Картинка слева от текста
![](http://s17.rimg.info/7de2f52d7e092eb3600c2b41a224e24b.gif)
Снова пишем свой текст. Если картинка длинная, бордюрного типа, то и весь текст будет вдоль нее. Если не очень большая, то продолжится ниже.
![](АДРЕС КАРТИНКИ)
Здесь будет ваш текст
Картинка справа от текста
![](http://s17.rimg.info/400838a0fdcc70f19e2043410272935d.gif)
Все, точно также, как и в предыдущем случае. Только картинка окажется справа от текста.
Картинка в центре текста
Обратите внимание, что текст пишется перед кодом и после кода. Это для того, чтобы обтекание было полноценным,
![](http://s19.rimg.info/8bec7c3d2e8213c755e5718c67473f2c.gif)
и как бы обкутывало вашу картинку. Поэтому, часть текста вверху, часть внизу и создают такой эффект.
Параметр "absmiddle" (выравнивание середины строки относительно середины изображения).
Здесь будет ваш текст 1
![](АДРЕС КАРТИНКИ)
Здесь будет ваш текст 2
Текст между двух картинок
Чтобы текст лег красиво, нужно, чтобы картинки были по длине больше, чем по ширине, если текст выйдет за рамки рисунков, он уйдет вниз.
![](АДРЕС КАРТИНКИ) |
Здесь будет ваш текст |
![](АДРЕС КАРТИНКИ) |
Картинка между текстом
Красиво получается, когда картинка находится между текстом, как-то необычно.
Главное, чтобы текст соответствовал, и картинка отражала его суть. Остальное - полет фантазии
Здесь будет ваш текст 1 |
![](АДРЕС КАРТИНКИ) |
Здесь будет ваш текст 2 |