vertical-align and alt text

[tigt]

Originally from #14:

I ran into an issue recently with img { vertical-align: middle } at work.

If an image breaks and falls back to its alt text, a vertical-align other than baseline produces different behavior across browsers. Here’s a CodePen to demonstrate.

• Older (current?) versions of Firefox have the alt text dip below the baseline
• As of Firefox Nightly 71.0a1, though, the changing of vertical-align appears to be ignored and the text flows on the same baseline, which seems ideal to me.
• Chrome has the same problem as older Firefox, along with a broken image icon

Is it worth trying to fix this problem with selectors specifically for alt text? (Like img:is(:-moz-broken, :-moz-loading, :-moz-user-disabled))

[Malvoz]

This could hopefully be handled using standardized properties in the future, see related issues:

• [css-images-4] Queries for image support w3c/csswg-drafts#656
• New attribute report-load-failure for elements containing external resources whatwg/html#3858