Formatting Issues

How to Wrap Text Around Images in Modern SharePoint Pages

Maira Mehtab Oct 22, 2026 868 views

Question details

Users need to wrap text around images on Modern SharePoint pages, but recent updates have limited or removed direct formatting settings for this feature.

How to Wrap Text Around Images in Modern SharePoint Pages

Product: Microsoft SharePoint Online
Device & OS: not provided
Scenario: Designing content layouts and adding inline images to text on a Modern SharePoint site.
Observed behavior: There is no built-in setting for wrapping text around an image. As a result, inline images may overlap text when the browser window is resized, or require adding excessive blank lines which negatively impacts page accessibility.

Before you start

Verify that you have site editing permissions for the SharePoint page. Additionally, check with your SharePoint administrator regarding your organization's security policies on custom scripts or Embed web parts if you plan to use HTML workarounds.

Solution 1Recommended

Use Column Layout Sections as an Alternative

Since native inline text wrapping is currently unavailable, utilizing SharePoint's built-in multi-column sections is the most reliable and responsive way to place text alongside images.

Modern SharePoint pages are designed to be responsive across different devices. Forcing inline text wraps often breaks mobile formatting. Using native section layouts ensures your images and text scale cleanly without overlapping.

Edit the page

Navigate to your SharePoint page and click the 'Edit' button in the top-right corner to enter authoring mode.

Add a new section

Hover over the left margin of the page canvas and click the '+' (Add new section) icon.

Choose a multi-column layout

Select 'Two columns', 'One-third right column', or 'One-third left column' depending on how you want the image proportioned to the text.

Insert Web Parts

Click the '+' icon in one column to add an 'Image' web part, and click the '+' in the adjacent column to add a 'Text' web part. Add your content respectively.

Publish your layout

Review the layout, adjust the image alignment within its column if necessary, and click 'Republish' to save the responsive page design.

Use Column Layout Sections as an Alternative

Accessibility Friendly: Using columns instead of forcing blank lines or injecting custom HTML ensures screen readers can parse your SharePoint page content logically.

Solution 2

Implement an Embed Web Part or SPFx Solution

For advanced users requiring strict inline text wrapping, custom HTML/CSS via an Embed web part or a SharePoint Framework (SPFx) custom web part can force the behavior.

Solution 3

Submit Feedback to the Microsoft Development Team

Since the text wrapping feature was present previously but altered in recent updates, submitting feedback helps Microsoft prioritize its restoration.

Free Microsoft Office alternative

Experience Effortless Document Formatting with WPS Office

While web-based editors like Modern SharePoint limit your layout options and struggle with text wrapping, creating perfectly formatted reports, newsletters, and documents is incredibly easy in WPS Office. As a powerful desktop alternative, WPS Office gives you absolute control over your page designs.

1. Download and install: Get the free WPS Office installer from the official website and complete the quick setup.
2. Insert your image: Open a new or existing document in WPS Writer, navigate to the 'Insert' tab, and add your image to the page.
3. Apply text wrapping: Click the image to reveal the floating layout options menu, then simply click your desired text wrapping style to instantly format the page.

Advanced image layout settings including Tight, Square, Through, and In Line with Text wrapping.Seamless format compatibility with Microsoft Word (.docx), Excel (.xlsx), and PowerPoint (.pptx).An intuitive, familiar user interface that requires zero learning curve to master.Lightweight, fast, and completely free to use on Windows, Mac, and Linux environments.

Frequently Asked Questions

Why does text overlap my images when resizing a Modern SharePoint page?

Recent updates to Modern SharePoint have limited native responsive image controls for inline elements. When the browser is resized, the page attempts to reflow the text, but without proper wrapping constraints, the text simply crashes into or overlays the image.

Did Microsoft remove the text wrap feature in SharePoint Online?

Yes, users have widely reported that the ability to easily wrap text around images was altered or removed around August 2023. Currently, there is no direct toggle for it in the standard Text or Image web parts.

Can I use CSS to fix image wrapping in SharePoint?

Directly injecting custom CSS into Modern SharePoint pages is generally blocked for security reasons and to maintain global site themes. You can only use custom CSS if you deploy a SharePoint Framework (SPFx) web part or if your administrator allows custom code in Embed web parts.

Document & File Issues