CSS में फ्लेक्स एलिमेंट्स को पैरेंट के साथ अलाइन करना

प्रॉपर्टी justify-content में दिया गया मान space-between, एलिमेंट्स को पैरेंट के साथ समान रूप से वितरित करने की अनुमति देता है। इस स्थिति में उनके बीच की दूरी स्वचालित रूप से गणना की जाती है। पहला एलिमेंट बाएं किनारे से चिपका होगा, और अंतिम एलिमेंट दाएं किनारे से।

आइए एक उदाहरण देखें:

css.parent {
  display: flex;
  justify-content: space-between;
}

कोड निष्पादित करने का परिणाम: