I can't used firefox anymore. It has a strange interpretation of tagged text using CSS. See www.astrophotolab.com/pr/g0925c.htm to see what I mean.
Chrome interprets the rt tag correctly. Firefox adds a line break and extra spacing to the red text
Ñemoĩporã poravopyre
Or if that is not your website, you could use a custom style rule to override their coding. You can apply custom style rules to sites using either the Stylish extension or a userContent.css file.
Emoñe’ẽ ko mbohavái ejeregua reheve 👍 1Opaite Mbohovái (4)
Hmm, why are you using rt tags? Those are meant to position annotations in relation to other text, as described in this article:
http://www.w3.org/International/articles/ruby/
Well, I guess you can adapt these tags to your purpose if you override their standard behavior. To force rt tags to behave more like span and other tags that do not cause a line break, add this to your style rules for rt tags in your astrostyle.css file:
rt { font-family:Arial,sans-serif; color:#FF0000; font-size:10pt; font-weight:bold; display:inline; }
Ñemoĩporã poravopyre
Or if that is not your website, you could use a custom style rule to override their coding. You can apply custom style rules to sites using either the Stylish extension or a userContent.css file.
Yes, astrophotolab.com is my website. I wasn't aware that <rt> had a specific use. I'll try your override or I'll change the tag name.
Thanks guys, problem solved. Much appreciated