html - 使用 CSS3 形状作为居中背景

Question

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

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

Answer 1

交换

right: 6em;

... 为了 ...

right: 50%;

... 似乎可以解决问题（这样您就可以有效地将 CSS 三角形的下点移动到.diamond元素的中间）。