I've been calling the W3 Consortium every day for the past week leaving the same message:

"Why the fuck doesn't CSS "vertical-alignment" work on all elements?"

Still waiting for them to return my call..

vertical alignment in general is tricky...

flexbox solves it by the nature of understanding parent->child->grandchild relationships

I assume the next versions of css especially with css grid systems will have a similar solution

I think flexbox support is finally accross the board, but trouble with doing b2b websites is these fucking IT people never upgrade anything so your stuck trying to support old fucking I.e browsers on fucking XP cos of some flakey legacy shit system they need to support.

This website is useful: http://howtocenterincss.com/

Flexbox:
https://philipwalton.github.io/solv...

Vertical align:
http://stackoverflow.com/questions/...

Vertical align if you have more than one item both need to be inline or inline block and have vertical align middle

Thanks everyone for all of the insight and resources! While it is true that middle/bottom vertical alignment can be achieved (at least to some degree) by applying any of these solutions, would the most practical solution not be to simply support the existing "vertical-alignment" property for all elements regardless of their display type?

I'd be thrilled to hear an argument that contradicts this idea!

@blizzrdof77 !false

Totally agree.