CODEWITHSUNDEEP
csswordpressimagetextword-wrap
Samantha Ashton
Samantha Ashton

Reputation: 21

Text not wrapping around image in WordPress

I am trying to add a success onto a page on our website: https://www.knowsleycollege.ac.uk/results-day-2021-successes/ and have the image appear on the right, and the text wrapping around it.

However, it seems to align to the right, but then not all the text wraps around it. I have tried adjusting the CSS, but nothing seems to work.

enter image description here

How can this be solved?

Upvotes: 0

Views: 453

Answers (3)

Samantha Ashton
Samantha Ashton

Reputation: 21

I need to ensure the paragraph clear property is set to none.

Upvotes: 0

Johannes
Johannes

Reputation: 67738

That's due to the GENERAL clear: both; setting for p tags of your theme. You could erase that in your stylesheet, but that might affect a lot of other pages.

Or you add a style="clear:none" attribute to those p tags which follow the image in the "text" (actually code) mode of the editor, like

<p style="clear:none"> ...your text ... </p>

Upvotes: 1

zipkundan
zipkundan

Reputation: 1774

The <p> tag has "clear:both" property set. Due to this the text is not wrapping adjacent to the image. see the screenshot for reference. Removing this "clear" property will work for you.

enter image description here

Upvotes: 2

Related Questions