How to Add the Empty Spaces indentation.

[SohamTilekar]

How can we add the empty spaces indentation to the app without converting it into the code block.
E.G: -

How Do I Indent like that.

Currently it Convert it into the code block.
E.G: -

[alexvoss]

If you need to document Python code then you should probably have a look at mkdocstrings if you have not done that yet.

Custom uses of indentation will be a bit difficult to implement. It also is a bit dangerous in the sense that it is difficult to consistently get it right. If mkdocstrings does not work for you then I would recommend using attribute lists to specify what a line or block is, then use CSS to produce the indentation.

[kamilkrzyskow]

They can also use a HTML div tag: https://squidfunk.github.io/mkdocs-material/reference/annotations/#in-everything-else
to select a whole range of paragraphs to be indented with a specified CSS class.

[SohamTilekar]

I don't know css can you give me the basic tample.

[SohamTilekar]

Is there any way to use this type of syntax which is provided in the mkdocs documentation. But how can we use it with the material theme.

[alexvoss]

The example you posted is a Jinja2 template. Jinja2 is the templating engine that MkDocs uses to produce the HTML output. Material at its heart consists of a number of such templates plus a CSS stylesheet that defines how the HTML is rendered by the browser.
I do not think you need to mess with Jinja2 but can use the approaches @kamilkrzyskow and I suggested for producing HTML in the required form.

Some knowledge of CSS to produce the necessary indentation plus any other styling you want will be needed, I am afraid. If you attach a CSS class indent to a Markdown block, for example, you should be able to have it indented using the margin attributes.

for completeness: if you want to write your own Jinja2 templates then you can do this by declaring a custom_dir in your mkdocs.yml. You should read the customization guide in any case.

[SohamTilekar]

Thanks for your Solutions I Found the Way For custom indenting.
E.G: -

output: -

I don't Know what it is called which extension is used to provide this result.