Angular Material — способ создания горизонтальной линии со словом посередине. ⇐ CSS

[Anonymous]

Используя Angular Material, я пытаюсь создать горизонтальную линию со словом посередине. Что-то очень похожее на то, что показано здесь.

Я пробовал это, и это близко, но мне хотелось бы, чтобы линии были выровнены вертикально по середине слова или.

Код: Выделить всё

or

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

Думаю, мне нужны стилизованные слева и справа. Как я могу улучшить этот код и оставаться в рамках Angular Material?

Подробнее здесь: https://stackoverflow.com/questions/304 ... the-middle