How to center an image ?

Undraw Animating


This howto show you how to center an image.


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.


Stock Image Surfer In The See

Task Runner