1. Home
  2. WordPress
  3. WordPress Admin Editor
  4. Gutenberg Editor
  5. Gutenberg Editor: How to Align Images in WordPress

Gutenberg Editor: How to Align Images in WordPress

Using images on sites helps make the content engaging and eye-catching. But how do we position images in our WordPress posts? This article will show you how.

However, if you are using the Classic Editor, see our How to Align Images in WordPress article.

How to Align Images in WordPress  

Once you’ve uploaded and added an image into your content, you can change its alignment.

If you would like more information on uploading and adding images, check out our article: Gutenberg Editor: How to Add Images to Your WordPress Content

Click on the image you have added to your content. A toolbar will appear. This toolbar contains the alignment options for this image.all alignment options

Alignment Options

No Alignment

When an image is newly added, it will have no alignment.

If you have selected another alignment option, you can click the alignment option again and it will return to having no alignment.none selected image

Right Alignment

To align the image right, click the rightmost alignment option. Near blocks will automatically be positioned to the left of the image.right image

Center Alignment

To align the image center, click the center alignment option. Near blocks will be automatically positioned above and below the image.center image

Left Alignment

To align the image left, click the left alignment option. Near blocks will be automatically positioned to the right of the image.left image

Updated on November 6, 2018

Was this article helpful?

Related Articles