HTML में CSS के साथ Div के निचले भाग में केंद्र त्रिभुज

त्रिभुज को केंद्र में और 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;
}