CodePen

HTML

            
              
  <h3 class="arrow-down">Delivery Information</h3>

            
          
!

CSS

            
              body {
  width: 980px; 
  margin: 0px auto; 
  margin-top: 10px;
}

.arrow-down {
  background-color: Blue; 
  width: 200px; 
  height: 30px; 
  line-height: 30px; 
  text-align: center;
  border-radius: 5px;
  color:white;
  position:relative;
}

.arrow-down:before {
  content:"";
  position:absolute;
  top:100%;
  left:10px;
  width: 0px;
  height 0px;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 15px solid #f00;
}
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

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