В вашем примере текст будет отображаться только на самой фигуре, за ее пределами текста не видно. Вот доделанный ваш пример:
https://jsfiddle.net/14bge0ke/1/
Если нужно чтобы текст был виден не только в области фигуры, то нужно добавлять дополнительную обертку. Пример:
https://jsfiddle.net/14bge0ke/3/