Flexbox mit text-overflow links/start

[beatovich]

hallo

folgendes Pseudo-HTML

<flexbox>
  <flexboxchild>
    <label>most significant information at the end HERE</label>
  </flexboxchild>
</flexbox>

Die CSS-Aufgabe besteht darin, bei Bedarf das Label bei Start/Links überfliessen zu lassen. Der Signifikante Teil am Ende / Rechts soll jedoch sichtbar bleiben.

Also quasi text-overflow:ellipsis-start

Das Label-Element habe ich eingefügt, weil meiner Vermutung/Versuche nach ohne ein solches keine Lösung existiert. Eine Lösung ohne inneres Element ist ebenso willkommen.

Praktische Anwendung: lange uris in Flexboxen.