css - 変換による「a」要素の回転

Question

CSS3 変換が(アンカー) 要素で機能しないのはなぜですか?

<a id="a" href="#">Rotate This</a>
#a
{
    transform:rotate(7deg);
    -ms-transform:rotate(7deg);
    -moz-transform:rotate(7deg);
    -webkit-transform:rotate(7deg);
    -o-transform:rotate(7deg);
}

Answer 1

回転はインライン要素では機能しません

Answer 2

アンカーをdivでラップしてから、回転させることができます。フィドル

<div><a id="a" href="#">Rotate This</a></div>

@Byscriptsは、インライン要素（a、spanなど）は変換ではサポートされていないと正しく述べています。