gradient border-bottom

by pj_js15

HTML

<h1> DIV ELEMENT </h1>

CSS

h1{
  display:inline-block;
  padding-bottom:5px;
  background: 
   linear-gradient(to left,  #7CA5FF, #304A83);
  background-size:100% 5px;
  background-position:bottom 0 left 0,bottom 5px left 0;
  background-repeat:no-repeat;
}