<ruby>: The Ruby Annotation element
Interesting!<p>I noticed "It can also be used for annotating other kinds of text" and wanted to experiment with being able to number specific letters in a string.<p>More specifically, SMILES is a linear molecular structure notation. "O" is water, "COO" is ethyl alcohol, "c1ccccc1" is a benzene ring, and much more. (See <a href="https://en.wikipedia.org/wiki/Simplified_molecular-input_line-entry_system" rel="nofollow">https://en.wikipedia.org/wiki/Simplified_molecular-input_lin...</a> .)<p>I want to annotate atom positions in the SMILES string. I currently do this with ("pip install smiview") text over the string, as this example using phenol.<p><pre><code>  1 23456 7
  c1ccccc1O
</code></pre>
I wanted to try it with ruby so I used:<p><pre><code>  <ruby>
  c<rt>1</rt>1c<rt>2</rt>c<rt>3</rt>c<rt>4</rt>c<rt>5</rt>c<rt>6</rt>1
  </ruby>
</code></pre>
The "2" is located over the center of "1c" instead of over the second "c" like I wanted.<p>How do I get it to center only over the "c"?<p>I tried changing the CSS too, using this catch-all:<p><pre><code>  ruby {
      font-size: 2em;
      ruby-align: center;
      text-align: center;
  }
  * {ruby-align: center;}
</code></pre>
No luck. I also tried wrapping things in a span, like:<p><pre><code>  c<rt>1</rt>1<span>c<rt>2</rt></span>c<rt>3</rt>
</code></pre>
but got the 3 as a new ruby line, centered over the "1cc", itself with a ruby "2" between the second and third "c".<p>I tried other combinations of <span>, to no avail.