Latest advances in CSS Really Advanced Technology Options

[Brian Chandler]

... I suspect. At the bottom of (eg) https://imaginatorium.com/shop.html is a row of buttons, labelled: FAQ - Cookies - About us - Contact - 日本語

Now, in Chromium (Version 93.0.4577.82) and Firefox (version 68.0.2), these buttons look as you would expect. Each has a legend, positioned in the centre of the button. But in FF ver. 92.0 this has been updated, to look like the attached image. Hmm. This is not what I wanted, nor can I honestly imagine what anyone else would want. I think I can see what is going on, but I wonder if a CSS advocate could explain to me the purpose of this Improvement?

(PS: here's the 2-minute guide to Japanese typography: https://imaginatorium.org/words/descend.htm )

This post has been edited by Brian Chandler: Sep 21 2021, 01:15 AM

[Brian Chandler]

Belated thanks, Christian. I used the "flex for everything" trick as you suggested; basically the defaults are much more sensible, so the inner boxes are vertically aligned in the middle. It is a mystery why this only happens on later versions, but I suppose it is related to the (actual, not-css, measured) size of Japanese text being larger, which is actually a sensible idea. Anyway, lots of other things to struggle with...