як додати простір між зображенням та текстом


Відповідь 1:

У MS Word та багатьох інших програмах ви використовуєте shift-enter для створення ручного розриву рядка / повернення каретки. У WordPress це потрібно робити за допомогою HTML.

У своєму редакторі клацніть на вкладці, де написано HTML, щоб перейти до такої з редактора Visual. Потім додайте після “Файл документа:” Можливо, вам доведеться додати два. . Оновіть сторінку і подивіться, чи це робить те, що вам потрібно.

Ви можете отримати більший контроль над інтервалом, додавши параметри стилю до таблиці стилів вашої теми, але цього має бути достатньо для того, що ви намагаєтесь досягти.

Використання візуального редактораHTML-тег br

Відповідь 2:

Це те, що слід вирішувати за допомогою CSS, а не просто тег. Тобто створити стиль:

.instructional-image {padding-top: 10px; }

Це дасть вам візуальний вигляд простору між текстом та зображенням у верхній частині зображення. Ви можете додати його до теми або, можливо, на цій конкретній сторінці, залежно від способу налаштування вашого сайту та ваших потреб. Потім у помістіть свій стиль, ви можете зробити це в адміністраторі WordPress або HTML так:

або в адміністраторі:

Сподіваюся, це допомогло.


Відповідь 3:

Швидкий обхідний шлях полягає у стилізації всіх зображень у списках, щоб мати верхнє поле. Вам не доведеться використовувати HTML кожен раз, коли зображення поводяться так.

Більшість нових тем мають спосіб додати CSS до своїх опцій. Якщо ви не можете його знайти, просто встановіть

Простий користувацький CSS

і перейдіть до Appearance / Simple CSS.

Додайте такий код:

li img { поле зверху: 10 пікселів;}

І це все!

Будь-яке зображення, яке зараз використовується у вашому списку, матиме над ним додатковий простір. Налаштуйте 10 пікселів відповідно до потрібного інтервалу.

Удачі!