Jekyll kramdown how to center text

Question

I am using Jekyll (kramdown), and want to make some text align center.

I found <span style=""> works for font color and size, but not work for text-align.

How can I align some text.

I have tried:

<span style="color:gray; font-size: 80%; text-align: center;">Test Text</span>

And:

-> Test Text <-

None of them work.

Fencer

Answer 1

Try using kramdown block attributes kramdown block attributes :

Test text
{: style="color:gray; font-size: 80%; text-align: center;"}

Mechanistic

This was really helpful. While using kramdown, most of the users are not even aware of how powerful it could be. For a long time, I used HTML tags inside markdown to achieve what kramdown could achieve with block attributes. – Atony

Answer 2

You can also just do

<center>This text is centered.  And clean.  Amen.</center>

as I found here: Using Markdown, how do I center an image and its caption?

Berkman

It helped! With VIM surround plugin, adding <center> is a breeze – Wolgast

Note that the <center> tag has been deprecated for many years, so you should probably avoid it. developer.mozilla.org/en-US/docs/Web/HTML/Element/center – Debauch

Answer 3

Although I also agree that Kramdown is best the way to go, another alternative is to replace your <span> tags with <p> tags.

<p style="color:gray; font-size:80%; text-align:center;">Test Text</p>

<!-- or -->

<p style="color:gray; font-size:80%;" align="center">Test Text</p>

Wivinia