Center Triangle ที่ด้านล่างของ Div ใน HTML ด้วย CSS

ในการตั้งค่าสามเหลี่ยมที่กึ่งกลางและที่ด้านล่างของ div ให้ใช้สิ่งต่อไปนี้ คุณต้องตั้งค่าให้เหลือ 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;
}