CodePen

HTML

            
              <div class="background">
  <h3>Delivery Information</h3>
  <div class="arrow-down">    
  </div>
</div>
            
          
!
via HTML Inspector

CSS

            
              * {
  margin:0;
  padding:0;
}

body {
  width: 980px; 
  margin: 0px auto; 
  margin-top: 10px;
}
.background {
  background-color: Blue; 
  width: 200px; 
  height: 30px; 
  line-height: 30px; 
  text-align: center;
  border-radius: 5px;
  color:white;
  
}
.arrow-down {/* Trying to get this down on bottom line with hanaging over slightly*/
  width: 0px;
  height 0px;
  margin-left:10px;
  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 ..................