Trying To Center A Text-Overflow Ellipsis Using CSS Flexbox In Angular 7.2.15

Ben Nadel demonstrates how to use CSS Flexbox to implement an [almost] center-aligned `text-overflow: ellipsis` rendering in Angular 7.2.15, inspired by the Mac OS Finder display. This approach works even in IE11; and, allows the leading and trailing portions of a long-string to remain visible even as the string is being clipped.