CSS3 перевод() метод

Question

У меня есть следующий код:

<style> 
span 
{ 
width:200px; 
height:100px; 
background-color:red; 
border:1px solid black; 
} 
span.c2 
{ 
transform:translate(50px,100px); 
-ms-transform:translate(50px,100px); /* IE 9 */ 
-webkit-transform:translate(50px,100px); /* Safari and Chrome */ 
} 
</style> 

<span class="c2">Hello. This is a DIV element.</span> 

Проблема заключается в том translate метод не получает применяется к <span> элементу. Также ширина и высота, указанный для <span> элемент не работает.

В чем причина?

Answer 1

Это работа, вам нужно иметь display: block; для span элемент, как span элемент инлайн, он не будет переводить span элемент, если вы сделаете это display: block; или display: inline-block;

Demo

Related Question Of Mine