Еще одна проблема, с которой часто сталкиваются при размещении материалов на сайте или статей в блоге — это как сделать обтекание картинки текстом.
Имеется в виду, что когда вы вставляете картинку в админке/редакторе, это может выглядеть вот так (обратите внимание, как картинка некрасиво разорвала строки абзаца):
Тут какой-то текст Тут какой-то текст Тут какой-то текст Тут какой-то текст Тут какой-то текст Тут какой-то текст Тут какой-то текст Тут какой-то текст Тут какой-то текст Тут какой-то текст Тут какой-то текст Тут какой-то текст Тут какой-то текст Тут какой-то текст Тут какой-то текст Тут какой-то текст Тут какой-то текст Тут какой-то текст Тут какой-то текст Тут какой-то текст Тут какой-то текст Тут какой-то текст Тут какой-то текст Тут какой-то текст Тут какой-то текст Тут какой-то текст Тут какой-то текст Тут какой-то текст Тут какой-то текст Тут какой-то текст Тут какой-то текст Тут какой-то текст Тут какой-то текст Тут какой-то текст Тут какой-то текст Тут какой-то текст Тут какой-то текст Тут какой-то текст Тут какой-то текст Тут какой-то текст Тут какой-то текст Тут какой-то текст Тут какой-то текст Тут какой-то текст Тут какой-то текст Тут какой-то текст Тут какой-то текст Тут какой-то текст Тут какой-то текст
А хочется так (обратите внимание, как картинка аккуратно «встала» в правый угол и обтекается текстом):
как сделать обтекание текстом Тут какой-то текст Тут какой-то текст Тут какой-то текст Тут какой-то текст Тут какой-то текст Тут какой-то текст Тут какой-то текст Тут какой-то текст Тут какой-то текст Тут какой-то текст Тут какой-то текст Тут какой-то текст Тут какой-то текст Тут какой-то текст Тут какой-то текст Тут какой-то текст Тут какой-то текст Тут какой-то текст Тут какой-то текст Тут какой-то текст Тут какой-то текст Тут какой-то текст Тут какой-то текст Тут какой-то текст Тут какой-то текст Тут какой-то текст Тут какой-то текст Тут какой-то текст Тут какой-то текст Тут какой-то текст Тут какой-то текст Тут какой-то текст Тут какой-то текст Тут какой-то текст Тут какой-то текст Тут какой-то текст Тут какой-то текст Тут какой-то текст Тут какой-то текст Тут какой-то текст Тут какой-то текст Тут какой-то текст Тут какой-то текст Тут какой-то текст Тут какой-то текст Тут какой-то текст Тут какой-то текст Тут какой-то текст Тут какой-то текст Тут какой-то текст Тут какой-то текст Тут какой-то текст Тут какой-то текст Тут какой-то текст Тут какой-то текст Тут какой-то текст Тут какой-то текст Тут какой-то текст Тут какой-то текст Тут какой-то текст Тут какой-то текст
Этот прием называется «обтекание текстом». Вам нужно найти код этой картинки в html-редакторе в вашей админке. Обычно картинка внутри html-редактора выглядит примерно так:
<img alt="Тут обычно название картинки" src="тут_какое-тоимя_файла.jpg" />
Теперь вам надо вставить небольшой кусочек кода сразу после «img»:
style="float: right;"
У вас должно получиться вот так:
<img style="float: right;" alt="Тут обычно название картинки" src="тут_какое-тоимя_файла.jpg" />
Вы можете также указать «float: left» — и тогда картинка будет располагаться в левом углу. Может оказаться, что после того, как вы это сделаете, вам захочется увеличить отступ текста от картинки, тогда вам надо добавить туда же в строку со style еще немного кода c указанием padding и у вас получится примерно так:
<img style="float: right; padding: 10px;" alt="Тут обычно название картинки" src="тут_какое-тоимя_файла.jpg" />