Преобразование 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 ИЛИ display: inline-block)

Answer 1

Ответил здесь в the official W3 specifications под transformable element:

элемент которого макет управляемой моделью окна CSS, которая равна либо уровня блока или атомно-инлайн-уровень элемент, или чьи свойства «отображения» «вычисляет для таблицы-строки», «таблицы-строка-группа», « таблицы-заголовок-группы», «table- footer-group ',' table-cell ', или ' table-caption '[CSS21]