HTML में CSS के साथ Div के नीचे केंद्र में ट्रायंगल

ट्रायंगल पोजिशनिंग

Div के केंद्र में और नीचे ट्रायंगल सेट करने के लिए, निम्नलिखित उपयोग करें। आपको left को 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;
}

यह CSS बॉर्डर ट्रिक का उपयोग करके एक ट्रायंगल बनाता है और इसे पैरेंट div के नीचे केंद्र में स्थित करता है।