Ruby Characters - Doc vs Real Life Render result

Anki Help
1

On the docs, we see this:

image
image795×308 29 KB

I try to reproduce:

image
image399×126 4.57 KB

But this is the result:

image
image455×303 5.08 KB

Anyone can help here? I need to do exactly what the dos say.

2

It works just like the docs say –

世[よ]の 中[なか]<br>
世[よ]の中[なか]

image
image386×115 6.4 KB

– so something else must be going wrong.

  1. Are there other unprintable/whitespace characters in that string? Copy what’s in the HTML view exactly as it is, and paste it here as text, in a preformatted-text/code-block (see the editing bar above your message).
  2. I don’t think the &nbsp;'s are the issue, but try deleting them.
  3. What do you have in your card template (and styling) for how this field is displayed?
3

What is your desktop version?

世[よ]の 中[なか] 

<div class="container">
    <div class="top">
  	     {{furigana:Pinyin da Frase}}
    </div><!--top-->

.container {
    display: flex;
    flex-direction: column;
    text-align: center;
    height: 100dvh;
    padding:1.5rem;
    margin:0;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    background-clip: content-box;
}

.top {
  display:flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 1rem 1rem 0.5rem 1rem;
  padding: 0px;
  margin-top: auto;
}
4

25.02 on Windows 11.

When you remove those classes, does it appear correctly?