Tam giác trung tâm ở dưới cùng của Div trong HTML với CSS

Để đặt tam giác ở tâm và ở dưới cùng của div, hãy sử dụng cách sau. Bạn cần đặt sang trái thành 50% -

.demo: after {
   position: absolute;
   border-top: solid 50px #e15915;
   border-left: solid 50px transparent;
   border-right: solid 50px transparent;
   top: 100%;
   left: 50%;
   margin-left: -50px;
   width: 0;
   height: 0;
}