html - 使用 CSS3 Shapes 作为居中背景

Question

我想让我的 UL 以半三 Angular 形作为背景。我真的很想在这个元素中只使用 CSS 形状。我使用了一些代码形式 site ，但是我需要一些额外的帮助。我无法让文字居中于形状中。我可以调整什么来实现这一点？

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

Answer 1

交换

right: 6em;

...对于...

right: 50%;

... 似乎可以解决问题(通过这种方式，您可以有效地将 CSS 三 Angular 形的下点移动到 .diamond 元素的中间)。