cssで作成されたこの三角形は、どのようにして表向きにしますか？

Question

CSSで作成されたこの三角形があります。http://jsfiddle.net/W3hNx/1/

どのようにして顔を上にすることができますか？ :)

ありがとう!!

Answer 1

border-top〜border-bottomを.triangleに変更してください。 .triangleセレクタで

border-bottom: 30px solid green; 

からupdated jsFiddle

Answer 2

変更

border-top: 30px solid green; 

。

Answer 3

border-left: 25px solid transparent; 
border-right: 25px solid transparent; 
border-bottom: 30px solid green; 

これは