Style HTML content with CSS gradient border

by musicreader

HTML

<div class="element">Content here<br/> test123</div>

CSS

body{
  background-color:red;
}

.element {
  border-bottom: 12px solid transparent;
  background-image: 
    linear-gradient(to bottom, 
      white 2px, 
      black 2px, 
      #0080FF 4px, 
      black 2px, 
      white 3px
    );
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: 100% 10px;
}