using the below I can make a bit of a rounded arrow:
-webkit-border-radius: 20px 50px 50px 20px;
border-radius: 20px 50px 50px 20px;
But it is not sharp enough, the arrow box must have a fluid height so it can contain text that is responsive. Is this possible to do with css3? You can see what I’m trying to achieve by going to http://dev.aaronpitts.ch/lhc/ and clicking on the SDBS box. I just want more of an arrowed right side.