Bold letter on ruby element moves everything above this letter

Question

I found a great solution to adjust the vertical position of ruby text on this post:

Adjust the vertical positioning of ruby text

But when I try to put one letter bold inside ruby element everything go above the bold letter, Is there a solution for this?

ruby {
  display: inline-flex;
  flex-direction: column-reverse;
  text-align: center;
}

rt {
  display: inline;
  line-height: 1;
}

わたしの　<ruby><strong>会</strong>社<rt>かいしゃ</rt></ruby>です。

Answer 1

Solved

body {
  font-size: 28px;
}

ruby {
  font-family: 'Yu Gothic Bold';
}

rt {
  display: flex;
  flex-direction: column-reverse;
  line-height: 80%;
}

<p>Hola?<ruby><rt>?????????</rt><strong>?</strong>? 
</ruby></p>