#css #wordpress #image #text #word-wrap
Вопрос:
Я пытаюсь добавить успех на страницу нашего сайта: https://www.knowsleycollege.ac.uk/results-day-2021-successes/ и пусть изображение появится справа, а текст обернется вокруг него.
Тем не менее, кажется, что он выровнен вправо, но тогда не весь текст обтекает его. Я попытался настроить CSS, но, похоже, ничего не работает.
Как это можно решить?
Комментарии:
1. Возможно ли, что предложение «Карл сказал…» начинается как новый абзац? Попробуйте удалить пробел между предыдущим предложением и этим предложением, чтобы они представляли собой одну строку. Затем используйте CTRL ENTER вместо ENTER, чтобы не создавать новый абзац. Я тоже могу быть совершенно неправ.
2. Дал вашему предложению ход, но, к сожалению, оно делает то же самое.
3. Когда вы говорите: «Я пытался настроить CSS, но, похоже, ничего не работает». пожалуйста, включите в свой вопрос фрагмент кода, который вы пробовали, как структуру html, так и правила css, чтобы мы могли взглянуть на них и, надеюсь, отладить их для вас.
Ответ №1:
У <p> тега задано свойство «очистить:оба». Из-за этого текст не обертывается рядом с изображением. смотрите скриншот для справки. Удаление этого свойства «очистить» будет работать на вас.
Комментарии:
1. Спасибо. Я сейчас попробую это сделать. Ценю вашу помощь.
Ответ №2:
Это связано с ОБЩЕЙ clear: both; настройкой p тегов вашей темы. Вы можете стереть это в своей таблице стилей, но это может повлиять на многие другие страницы.
Или вы добавляете style="clear:none" атрибут к тем p тегам, которые следуют за изображением в режиме «текст» (фактически код) редактора, например
<p style="clear:none"> ...your text ... </p>
Ответ №3:
Мне нужно убедиться, что для свойства «Очистить абзац» установлено значение «нет».