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

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

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

First Item

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

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;
}

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