Centering text/pictures in HTML with markdown and pandoc

Question

I am trying to write a post with hakyll in markdown via pandoc.

I successfully added some pictures, tables and code blocks with markdown. However, I would like to center my pictures and some text paragraph.

Is it possible to center text and pictures with pandoc and the markdown markup language?

Answer 1

Think of markdown as a nicer syntax for HTML – it's only the content, no styling. (Centering would be styling.) You cannot center text in HTML either. But you can add classes, then style them with CSS (in your Hakyll theme).

Pandoc markdown currently supports attributes on images:

![](img.jpg){.myClass}

but not paragraphs, however you can wrap stuff in divs:

# my markdown header

::: {.myClass}

one paragraph

second paragraph, **strong**

:::