html - CSSシェイプの上にテキストを中央揃えにする方法は?

Answer 1

text-align:center を css に追加すると、うまくいきました。また、padding-top を使用して、垂直方向のセンタリングに適切なパディングを追加しました。

Answer 2

シェイプ内のタグに次の CSS を追加する<a>と、シェイプの中央に配置されます :)

position: absolute;
top: 1.3em;
-moz-padding-start: 0;
font-size: 1em;
text-transform: uppercase;      /* Also, note that I removed the padding */
color: #FECEA8;
display: block;
width: 60px;
word-wrap: break-word;
}

http://jsfiddle.net/TVkNK/7/