अभी लिखें, मैं इस कोड का उपयोग कर रहा हूं:
<input type="checkbox" value="Aero Mexico Vacations" onchange="myAeroMexicoVacations(this)"><h1>AERO MEXICO VACATIONS</h1><br>
मेरे पास अलग-अलग रूपों के साथ इस कोड की कई लाइनें हैं। चेकबॉक्स हालांकि हेडर के ऊपर आता है, इस मामले में, साथ वाला चेकबॉक्स "एयरो मेक्सिको वेकेशन" के ऊपर आएगा, जैसे:
मैं
एयरो मेक्सिको छुट्टियाँ
मैं इसे कैसे प्राप्त कर सकता हूं ताकि चेकबॉक्स सीधे शीर्षलेख के बाईं ओर हो, जैसे:
◻ एयरो मेक्सिको छुट्टियां
2 जवाब
हेडर ब्लॉक एलिमेंट हैं, जिसका मूल रूप से मतलब है कि डिफ़ॉल्ट रूप से, वे अपनी पूरी लाइन लेते हैं दस्तावेज़ पर। हेडर के टेक्स्ट के बगल में इनपुट प्राप्त करने के लिए, इसे हेडर के अंदर होना चाहिए
<h1>
<input name="foo" type="text">
Mexico Vacation
</h1>
या हेडर को इनलाइन करें
<input name="foo" type="text">
<h1 style="display:inline-block">
<Mexico Vacation
</h1>
एक <h1> तत्व एक ब्लॉक-लेवल एलिमेंट है, इसलिए यह एक नई लाइन। या तो इसे एक इनलाइन तत्व बनाएं, या एक style="display: inline-block;" विशेषता जोड़ें।