Title: image alignment issue
Last modified: November 21, 2023

---

# image alignment issue

 *  [Stu](https://wordpress.org/support/users/stubeef/)
 * (@stubeef)
 * [2 years, 6 months ago](https://wordpress.org/support/topic/image-alignment-issue-5/)
 * Hello. I am new back to WordPress after years of using drupal. I feel so silly
   because I can’t figure out why i’m having issues with a simple text wrapping 
   an image to the left or right. I used several of the image blocks but none seem
   to save correctly. They either don’t wrap and push the image completely left,
   or the image isn’t aligned with the text, or the image/text block changes the
   text size from desktop to mobile incorrectly.
 * Is this a theme issue?
 * I’m using safari with Twenty Twenty-Four theme. Any advice would be great.
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fimage-alignment-issue-5%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 5 replies - 1 through 5 (of 5 total)

 *  [Alexander](https://wordpress.org/support/users/alextonio22/)
 * (@alextonio22)
 * [2 years, 6 months ago](https://wordpress.org/support/topic/image-alignment-issue-5/#post-17220006)
 * Hi stubeef,
 * I understand your concern with the text wrapping issue you’re experiencing with
   the image blocks in WordPress. I’ve reviewed your website, [https://crawlspacefacts.com/test/](https://crawlspacefacts.com/test/),
   and it appears that the alignment issue is only present in the desktop view. 
   The mobile view seems to be displaying the text and image correctly, with the
   text wrapping around the image as you intended. Please check out this link: [https://share.zight.com/7KuXljP2](https://share.zight.com/7KuXljP2).
 * To resolve this issue, I recommend using a row layout instead of individual image
   blocks. This will give you more control over the alignment of the text and image.
   Here are the steps on how to do this:
    1. **Add a new row layout** Click on the “Add Block” button and search for “Row.”
       Drag and drop the Row block into the desired location on your page.
    2. **Add a text element** Click on the “+” icon inside the Row block and select“
       Text.” Type the text that you want to appear above the image.
    3. **Add an image element** Click on the “+” icon again and select “Image.” Upload
       or select the image that you want to display.
    4. **Align the image** Click on the image block and select the desired alignment
       from the toolbar. You can choose “Align left,” “Align center,” or “Align right.”
    5. **Add another text element (optional)** If you want to add more text below the
       image, repeat step 2.
 * If this is what you are looking for, please check out this link: [https://share.zight.com/p9uYyLkq](https://share.zight.com/p9uYyLkq).
 * If you’re still having trouble, please provide a screenshot of your page builder
   showing how you’ve constructed the layout. This will help me provide a more accurate
   solution.
 * Sincerely,
 * Alexander
 *  Thread Starter [Stu](https://wordpress.org/support/users/stubeef/)
 * (@stubeef)
 * [2 years, 6 months ago](https://wordpress.org/support/topic/image-alignment-issue-5/#post-17222328)
 * Thanks for the help. But, unfortunately this didn’t work. First I noticed in 
   your instructions you said to select “text.” Text is not in list of blocks. I
   tried paragraph and classic and neither seem to work correct.
 * I’m beginning to think it’s earlier to just modify the html. Thanks anyway.
 *  Thread Starter [Stu](https://wordpress.org/support/users/stubeef/)
 * (@stubeef)
 * [2 years, 6 months ago](https://wordpress.org/support/topic/image-alignment-issue-5/#post-17222406)
 * Its funny how it looks fine in classic editor but, the preview is wack.
 * ![](https://i0.wp.com/crawlspacefacts.com/IMG-files-for-website/Screenshot%202023-
   11-22%20at%2012.20.18%E2%80%AFPM.png?ssl=1)
 * ![](https://i0.wp.com/crawlspacefacts.com/IMG-files-for-website/Screenshot%202023-
   11-22%20at%2012.21.06%E2%80%AFPM.png?ssl=1)
 *  Thread Starter [Stu](https://wordpress.org/support/users/stubeef/)
 * (@stubeef)
 * [2 years, 6 months ago](https://wordpress.org/support/topic/image-alignment-issue-5/#post-17254822)
 * surely im not the only person having this issue?
 *  [jkonrath](https://wordpress.org/support/users/jkonrath/)
 * (@jkonrath)
 * [2 years, 2 months ago](https://wordpress.org/support/topic/image-alignment-issue-5/#post-17533859)
 * I had the same problem. In the block editor, go to styles, click the kebab menu,
   and click **Additional CSS**. Then add something like this:
 * `img.alignright {
    display: inline; float: right; margin-left: 1.625em; margin-
   top: 1.625em;}
 * That worked for me. Disclaimer: I’m not a designer and figured this out by brute
   force. There may be a better way.

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘image alignment issue’ is closed to new replies.

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 5 replies
 * 3 participants
 * Last reply from: [jkonrath](https://wordpress.org/support/users/jkonrath/)
 * Last activity: [2 years, 2 months ago](https://wordpress.org/support/topic/image-alignment-issue-5/#post-17533859)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics