CSS轉換不能在內聯元素

Question

我想鏡像字E在單詞WEBLOG所以我用CSS轉換屬性，但它不工作，如果我包裝文本內的跨度，但它的工作，如果我屁display: inline-block;或display: block;

因此，變換不適用於內聯元素？

Example 1（未變換）

<h1>W<span>E</span>BLOG</h1> 

h1 span { 
    transform:rotate(7deg); 
    -ms-transform:rotate(7deg); /* IE 9 */ 
    -moz-transform:rotate(7deg); /* Firefox */ 
    -webkit-transform:rotate(7deg); /* Safari and Chrome */ 
    -o-transform:rotate(7deg); /* Opera */ 
} 

Example 2（工程，如果使用的話display: block OR display: inline-block）

Answer 1

這裏回答the official W3 specificationstransformable element下：

的元素，其佈局CSS框模型也是 塊級或原子內聯級元素或其 「顯示」屬性計算爲「錶行集」，「錶行集」， 'table-header-group'，'table- 'table-cell'，或 'table-caption'[CSS21]