] आप एक लेआउट को प्राप्त करने का लक्ष्य रखते हैं, जहां तत्व लंबवत रूप से ढेर हो जाते हैं, बटन के साथ हमेशा नीचे स्थित होते हैं, भले ही पाठ की ऊंचाई की परवाह किए बिना। ऑटो मार्जिन संरेखण से पहले ऑटो मार्जिन वाले तत्वों के लिए शेष स्थान के वितरण को सक्षम करता है। वांछित लेआउट को प्राप्त करने का एक तरीका निम्नलिखित CSS का उपयोग करना है:

p {मार्जिन-बॉटम: ऑटो; } / * निम्नलिखित तत्वों को नीचे की ओर धकेलें * / एक {मार्जिन-टॉप: ऑटो; } / * इसे धक्का दें और निम्नलिखित तत्वों को नीचे की ओर * /

वैकल्पिक रूप से, आप इस तरह एक फ्लेक्स लेआउट का उपयोग कर सकते हैं:

। सामग्री { ऊंचाई: 200px; सीमा: 1px ठोस; प्रदर्शन: फ्लेक्स; फ्लेक्स-दिशा: स्तंभ; } H1, H2 { मार्जिन: 0; } ए { मार्जिन-टॉप: ऑटो; }

यह दृष्टिकोण यह सुनिश्चित करता है कि पाठ तत्व उपलब्ध ऊंचाई को भरने के लिए विस्तारित करें, जबकि बटन को कंटेनर के नीचे धकेल दिया जाता है।