"यदि कोई कर्मचारी अपना काम अच्छी तरह से करना चाहता है, तो उसे पहले अपने औजारों को तेज करना होगा।" - कन्फ्यूशियस, "द एनालेक्ट्स ऑफ कन्फ्यूशियस। लू लिंगगोंग"
मुखपृष्ठ > प्रोग्रामिंग > HTML में रेडियो बटन और लेबल को एक ही लाइन पर कैसे संरेखित करें?

HTML में रेडियो बटन और लेबल को एक ही लाइन पर कैसे संरेखित करें?

2024-11-09 को प्रकाशित
ब्राउज़ करें:340

How to Align Radio Buttons and Labels on the Same Line in HTML?

रेडियो बटन और लेबल को एक ही लाइन पर व्यवस्थित करना

HTML फॉर्म में, रेडियो बटन और उनके संबंधित लेबल को एक ही लाइन पर संरेखित किया जा सकता है चुनौतीपूर्ण. इसे प्राप्त करने के लिए, कई सीएसएस तकनीकों को नियोजित किया जा सकता है। >

उन्हें क्षैतिज रूप से संरेखित करने के लिए, निम्नलिखित सीएसएस नियम जोड़ें:


यह लेबल और रेडियो बटन को एक दूसरे के बगल में रखता है। यह सुनिश्चित करने के लिए कि एकाधिक रेडियो बटन एक ही पंक्ति में संरेखित हैं, निम्नलिखित मार्कअप का उपयोग करें:

label {
  float: left;
  clear: none;
  display: block;
  padding: 0px 1em 0px 8px;
}

input[type=radio],
input.radio {
  float: left;
  clear: none;
  margin: 2px 0 0 2px;
}

उपयुक्त सीएसएस नियमों के साथ, रेडियो बटन और लेबल एक ही पंक्ति में संरेखित किए जाएंगे।

नवीनतम ट्यूटोरियल अधिक>

चीनी भाषा का अध्ययन करें

अस्वीकरण: उपलब्ध कराए गए सभी संसाधन आंशिक रूप से इंटरनेट से हैं। यदि आपके कॉपीराइट या अन्य अधिकारों और हितों का कोई उल्लंघन होता है, तो कृपया विस्तृत कारण बताएं और कॉपीराइट या अधिकारों और हितों का प्रमाण प्रदान करें और फिर इसे ईमेल पर भेजें: [email protected] हम इसे आपके लिए यथाशीघ्र संभालेंगे।

Copyright© 2022 湘ICP备2022001581号-3