Часто те люди, которые только делают первые шаги в размещении различных текстов через админку сайта или блога, сталкиваются с такой проблемой. Они вставляют картинку посреди текста, все-таки это очень просто сделать в любой админке, но вот дальше начинается проблема — картинка располагается слишком близко к тексту (это некрасиво). Возникает вопрос — как сделать отступ от картинки — так, чтобы расстояние между текстом и картинкой увеличилось.

В некоторых админках предусмотрены встроенные способы для того, чтобы сделать отступ. Там, где таких способов нет, придется немного вручную поправить html/css. Данная статья не претендует на попытку научить редактированию html/css, а только показывает, как добавить отступ к картинке.

Шаг 1 — нужно найти в редакторе админки возможность редактировать html/сss код размещаемой статьи. Как правило это скрывается за ссылками или закладками с названием типа «текст», «html» или как-то так.

Шаг 2 — нужно найти то место, где в статье располагается картинка. Обычно код вставленной картинки выглядит примерно так:

<img alt="Тут обычно название картинки" src="тут_какое-тоимя_файла.jpg" />

Шаг 3 — Теперь вам нужно вписать следующую фразу сразу после «img»:

style="padding: 10px;"

У вас должно получиться вот так:

<img style="padding: 10px;" alt="Тут обычно название картинки" src="тут_какое-тоимя_файла.jpg" />

Больше ничего делать не надо, можете сохранять страницу. Если размер отступа вас по-прежнему не устраивает, то надо увеличить число, написать там на «10px;», а скажем «20px;»