1 Topic by PunBB

Topic: Как сделать обтекание картинки текстом в HTML

Для того чтобы сделать обтекание картинки текстом в HTML нам нужна будет несложная разметка. Теги обтекания текста, немного CSS. Обычно используют DIV для обтекание текстом. Вот так выглядит код HTML.

<div style="float:left; margin:0px 10px 0px 0px; ">
Рекламный блок
</div>

Так как стили несложные, то мы их прописываем прямо в <div> блоке.
float:left означает, что блок будет расположен слева, а текстом будет обтекать картинку справа.
margin:0px 10px 0px 0px здесь все просто, задается отступ от картинки во втором значении.

2 Reply by PunBB

Re: Как сделать обтекание картинки текстом в HTML

Для того чтобы текст картинку, рекламный блок или какое либо другое изображение обтекал слева, достаточно всего сменить одно слово и немного настроить значение margin, заменить 2е на 4е. В итоге получим:

<div style="float:right; margin:0px 0px 0px 10px; ">
Рекламный блок
</div>

Вот так просто делают обтекание картинки текстом справа и слева.