Winkelmaterial, bei dem eine horizontale Linie mit einem Wort in der Mitte erstellt wird ⇐ CSS

[Anonymous]

Mit Angular Material versuche ich, eine horizontale Linie mit einem Wort in der Mitte zu erstellen. Etwas, das dem hier angezeigten ziemlich ähnlich ist.

Ich habe es versucht und es kommt mir nahe, aber ich möchte, dass die Linien vertikal zur Mitte des Wortes oder ausgerichtet sind.

Code: Select all

or

http://jsfiddle.net/devotis/a7m6xrwy/

Ich schätze, ich brauche s links und rechts gestylt. Wie kann ich diesen Code verbessern und im Rahmen von Angular Material bleiben?