Lego2012
12/13/2016 - 3:40 PM

CSS Arrow

CSS Arrow

#title-page {
  position: relative;
}

.arrow {
  border-bottom: 20px solid #FFF;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  bottom: 0;
  left: 50%;
  margin-left: -20px;
  position: absolute;
}
<section id="title-page">
    <h2>Choose the plan that suits you best</h2>
    <span class="arrow"></span>
</section>