Div倾斜实施

Question

我试图创建一个可以倾斜的div。这是代码，但是当我设计它时它不起作用。 CSS实现工作正常，没有任何问题，不确定样式参数的错误是什么。

https://jsfiddle.net/vytcqbyd/

<div style="display:block; 
background-color:yellow; 
height:20px; 
width:1px; 
-ms-transform: rotate(20deg); 
-webkit-transform: rotate(20deg); 
transform: rotate(20deg); 
transform-origin: bottom left;">

</div>

CSS实施： -

https://jsfiddle.net/4j8n45zz/1/