How to center an image ?

Undraw Animating

About

This howto show you how to center an image.

Syntax

To center an image there is two possibilities:

Space Syntax

With the space syntax, to center an image, you add a space after {{ and before }}.

{{ :docs:block:stock_image_surfer_in_the_see.png?400 |}}

Stock Image Surfer In The See

More information on the space syntax can be found in the image position section.

Align Attribute

The align attribute permits to align in a various ways your components.

If you want to center your image with the align attribute, you would add it to the reference with the center value.

{{:docs:block:stock_image_surfer_in_the_see.png?400&align=center|}}

Stock Image Surfer In The See

Task Runner