使用CSS3形状作为居中背景

Question

我希望我的UL有半个三角形作为背景。 我真的只想在这个项目中使用CSS形状。 我在这个网站上使用了一些代码，但是我需要一些额外的帮助。 我无法将文本置于形状中心。 我可以调整什么来实现这一目标？

代码： http ： //jsfiddle.net/akAh9/

Answer 1

交换

right: 6em;

......为......

right: 50%;

...似乎可以做到这一点（有了这个你有效地将CSS三角形的.diamond移动到.diamond元素的中间）。