Centering images on the contact page

A merchant just reached out to me said their image on the contact page can't centered even they tried to use the page build in alignment button to set up.

 

I just tried this, it is true. Just like the screenshot below:

 

 

There is many method to center the image on the page, but today, I just want to share one very quick method to center the image.

 

Method:

Just in the page html edit mode

• add the attribute - style="text-align:center;"> in the parent tag

<p style="text-align: center;"><img src="https://cdn.shopify.com/s/files/1/0665/1727/0753/products/1_480x480.jpg?v=1666422136" alt="" /></p>
<p> </p>

Then the image will be centered.