CodePen

HTML

            
              <div>
Some Text
</div>

<div>
Really Long Text
</div>
            
          
!
via HTML Inspector

CSS

            
              * {
  box-sizing:border-box;
}

div {
  width:260px;
  height:50px;
  margin: 25px auto;
  background:#bada55;
  line-height:50px;
  padding-left:10px;
  position:relative;
}

div:after {
  content:"";
  width:0px;
  height:0px;
  display:block;
  position:absolute;
  top:0;
  left:260px;
  border-bottom: 50px solid transparent;
  border-left: 50px solid #bada55;
}
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................