basti1012.bplaced.net

Hallo, ist es möglich, mit CSS ein Element an nur einer Seite abzuwinkeln, so wie in meinem Beispielbild und dann noch ein Text in der Mitte zu platzieren? Bezüglich Browsersupport soll es mir egal sein, also ich würde auch die neusten CSS Versionen benutzen, wenn das geht?

Code

                                    
                                      
        <style>
  #parallelogram {
   height: 0; 
   width: 180px;
   border-bottom: 80px solid #037CA9;
   border-right: 40px solid transparent;
}

#parallelogram span{
  font-size:25px;
  width:100%;
  display:block;
  height:80px;
  line-height:80px;
  color:white;
  text-align:center;
}
</style>
<div id="parallelogram"><span>hallo</span></div>