How can I correctly center an image using custom HTML?

[lifehackaus]

Hi I've used the following code.

<div style="text-align:center">
<img src="https://cdn.shopify.com/s/files/1/666/666/9139/files/aaa.png?v=1587954210">
</div>

But still doesn't seems to be working. Any suggestions please. Thank You.

[balmcraft]

I had this same problem and I fixed it with inline CSS that sets the display type to a block inside the <img> element. The "text-align: center" solution that is commonly suggested doesn't apply to images because... well, it's for text alignment rather than images.

<img style="display: block; margin-left: auto; margin-right: auto; width: 50%" src=(whatever your actual source is)>

You can change how large the image is with the "width" property.

[GogoGogo]

Yes! It works: img center + desired size. Thanks!

[Magdiel]

A onde posso mudar isso não estou conseguindo!

[Family_35]

Olá. Você conseguiu resolver?

[KauanSales]

Eu não sei como fazer, onde que devo fazer, poderia ensinar?

[Tudo]

God thanks, it worked for me !

[MCOFA]

THANK YOU for this!

[ISparks099]

Worked great, thank you!

[Family_35]

Thank you so much!!!

[AlexBLB]

Hey sorry for asking this 4 years later but where should I put it? I put it in a custom CSS inside a image with text as well as a custom liquid block but it still doesn't work somehow