html - 中央揃えの背景として CSS3 シェイプを使用する

Question

UL の背景に半三角形を使用したいと考えています。このプロジェクトでは、CSS シェイプのみを使用したいと考えています。このサイトからいくつかのコードを使用しましたが、追加のヘルプが必要です。テキストを図形の中央に配置できません。これを達成するために何を調整できますか?

コード: http://jsfiddle.net/akAh9/

Answer 1

スワッピング

right: 6em;

... 為に ...

right: 50%;

... トリックを行うようです (これにより、その CSS 三角形の下点を.diamond要素の中央に効果的に移動します)。