CodePen

HTML

            
              <div class="box small"></div>
<div class="box medium"></div>
<div class="box large"></div>
<div class="box enormous"></div>

            
          
!

CSS

            
              .box {
  width:250px;
  min-height:25px;
  background:lightblue;
  position:relative;
  margin:15px auto;
}

.box:after {
  content:"";
  position:absolute;
  right:-25px;
  width:25px;
  height:100%;
  background: url(http://i299.photobucket.com/albums/mm297/PaulieDavis/triangle-right.png);
  background-position:right;
  background-repeat:no-repeat;
  background-size: 50px 100%;

}
  

.small {
  height:50px;
}

.medium {
  height:75px;
}

.large {
  height:100px;
}

.enormous {
  height: 500px;
}


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

JS

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