CSS - Добавьте шестиугольную границу к тексту

Есть ли способ добавить шестиугольную рамку вокруг текста HTML? Границы сверху и снизу кажутся обычными границами CSS, однако левая и правая границы наклонены. Ниже приведен пример того, что я пытаюсь сделать:

введите здесь описание изображения


person Raphael Rafatpanah    schedule 21.04.2016    source источник
comment
Это может вам помочь - stackoverflow.com/questions/36422524/   -  person Harry    schedule 21.04.2016
comment
Этот инструмент выглядит полезным, а также этот ресурс.   -  person chinaowl    schedule 21.04.2016
comment
Опубликуйте минимальный воспроизводимый пример, показывающий нам, что вы пробовали.   -  person j08691    schedule 21.04.2016
comment
Попробуйте что-нибудь вроде этого jsfiddle.net/Lg0wyt9u/570   -  person Nenad Vracar    schedule 21.04.2016
comment
@paulie_d Предоставленный ответ не работает в MS Edge, возможно, этот пример кроссбраузерности может вам помочь. codepen.io/isaactzab/pen/pyZgWp   -  person iLevi    schedule 21.04.2016