Блог

Я обнаружил, что изображения, перемещенные вправо, не будут располагаться рядом с тегом заголовка, таким как H3. Тег H3 хочет иметь свою собственную строку, поэтому он всегда будет отображаться под изображением.

Если я помещу изображение также внутри тега H3, тогда это сработает, но я бы предпочел как-то исправить это в CSS, поскольку некоторые из наших редакторов не привыкли углубляться в html.

Является ли это стандартным способом поведения тегов H? Или это особенность моего CSS, которую я могу настроить?

Я делаю это в WordPress, используя дочернюю тему, основанную на тематической теме.

Это нормальное поведение, поскольку теги H являются элементами уровня блока. Смотрите это объяснение для получения дополнительной информации.

Также обратите внимание, что вы можете сделать элемент уровня блока не таким, чтобы увеличивать всю ширину (как это обычно для блочного элемента), например, если вы сделаете его плавающим (и уменьшите его ширину), изменив его свойства отображения и т.д. Смотрите этот фантастический учебник для получения дополнительной информации.

попробуйте поместить тег h3 после тега изображения …. они должны отображаться рядом…..

вот так:

 <img src="path/to/some/image" style="float:right;" />
<h3>some heading</h3>
  

Все, что вам нужно сделать, это добавить float:left; в свой h3 тег.

Посмотрите на эту скрипку.