CSS-Dreieck mit dynamischer Höhe

Ich frage mich, ob jemand bei einem CSS-Problem helfen kann, das ich habe.http://jsbin.com/uviyat/2/edit

Beachten Sie „Longer Wording Example“ - wie kann ich die Dreieckspfeilanzeige vertikal skalieren lassen, um die ausgewählte blaue Bereichshöhe dynamisch auszufüllen? (Das Dreieck wird in der letzten CSS-Regel generiert.)

Ich bin ratlos! Hat jemand irgendwelche Ideen?

Danke im Voraus..

BEARBEITEN - Seit Zoltans Antwort habe ich mich hier mit Jquery beschäftigt:http://jsbin.com/uviyat/12/edit Sie sind sich nicht sicher, ob dies der beste Weg ist? Woher kommt der Wert '16'?

Antworten auf die Frage(2)

Ihre Antwort auf die Frage