How can I center text in Sugarcube?

Question

In converting my game from Harlowe to Sugarcube, I'm having difficulty centering specific lines of text.

Harlowe had this markup which made things easy, but I can't find a clear/simple enough answer for Sugarcube. I tried creating this custom style in the stylesheet:

.center {
	text-align: center;
}

But applying it like other styles seems ineffective:

@@.center;center this text@@

So how can I center align text?

Answer 1

The variation @@ styling you are using creates a span element, and they are an inline type element so they cant' be centered.

Use the multi-line variation of @@ like so.

@@.center;
center this text
@@

... which creates a div element (which is a block type) which can be centered.