<html> <head></head> <body> <div class="bb"> <div class="aa">Fuck Your mum<div> </div> <style> .aa{ z-index:1; color:#fff; width:100px; height:10px; top:0px; left:-40px; position: absolute; border: #09F solid 1px; font-weight: 900; padding: 10px; display: block; transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1.2660444431189777, M12=-0.3327876096865394, M21=0.1127876096865398, M22=0.9660444431189779); background:#000; border-radius: 0 !important; } .bb{ overflow:hidden; width:100px; height:200px; background:red; position: relative; } </style> </body> </html>