CSS newline setting in quote block

I want to the text in quote block display new line as plain text.

For example,
plain text:

aaa
bbb

If you put the text into the quote block:

it shows in one line.

aaabbb

So with someone’s help before I use the css to modify it

with adding the style like this:

.n { white-space:pre; }

usage add an “n” after “<<<”:

<<<.n
aaa
bbb
>>>

It works fine. Shows:

aaa
bbb

But recently I find that if the text is very long it will go out of the tiddler.
Like :

I try to add some css limit on it like :
overflow-wrap: normal; or overflow-wrap: inherit; but not work .

So how to make the new line show as plain text in quote block and keep the long line text line-wrapped

Try white-space:pre-line;

2 Likes