.tri-down {

    /* Styling block element, not required */
    position: relative;
    margin-bottom: 2em;
    /*padding: 1em;*/
    border-bottom: 1px solid #999;
    /*background: #f3f3f3;*/
  }

  /* Required for Down Triangle */
  .tri-down:before, .tri-down:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;
    border-bottom: 0;
  }

  /* Stroke */
  .tri-down:before {
    bottom: -11px;
    left: 21px;

    /* If 1px darken stroke slightly */
    border-top-color: #777;
    border-width: 11px;
  }

  /* Fill */
  .tri-down:after {
    bottom: -10px;
    left: 22px;
    border-top-color: #f3f3f3;
    border-width: 10px;
  }