CODEWITHSUNDEEP
markdownpandochakyll
JeanJouX
JeanJouX

Reputation: 2721

Centering text/pictures in HTML with markdown and pandoc

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?

Upvotes: 8

Views: 7723

Answers (1)

mb21
mb21

Reputation: 39189

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**

:::

Upvotes: 3

Related Questions