CodePen

HTML

            
              <div class="box">
<div class="text">Register</div>
  <div class="text">New Account</div>
</div>
            
          
!

CSS

            
              .box{
  width:200px;
  height:100px;
  background:lightblue;
  border-radius:5px;
  position:relative;
  margin:100px;
}

.text{
  width:100%;
  height:50%;
  line-height:50px;
  text-align:center;
}
.text:first-child{
box-sizing:border-box;
  border-bottom:1px solid;
}
.box:before{
  content:'';
  position:absolute;
  width:20px;
  height:20px;
  background:red;
  z-index:-1;
  left:-10px;
  top:20px;
  transform:rotate(145deg) skew(20deg);
  background:inherit;
}

            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

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