Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> HTML

HTML में क्षैतिज रूप से दो divs को कैसे संरेखित करें?


HTML में क्षैतिज रूप से दो div को संरेखित करने के लिए, फ्लोट CSS गुण का उपयोग बाएँ मान के साथ करें। डिव को क्षैतिज रूप से संरेखित करने का तरीका जानने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं -

उदाहरण

<!DOCTYPE html>
<html>
<head>
<style>
.demo div {
    float: left;
    clear: none;
}
</style>
</head>
<body>
<div class="demo">
     <div>
        <span>div1</span>
        <select size="5">
           <option value="c1">India</option>
           <option value="c2">US</option>
           <option value="c3">UK</option>
           <option value="c4">Australia</option>
        </select>
    </div>
    <div>
        <span>div2</span>
        <select size="5">
           <option value="r1">1</option>
           <option value="r2">2</option>
           <option value="r3">3</option>
           <option value="r4">4</option>
        </select>
    </div>
</div>
</body>
</html>

  1. HTML  optgroup 
 अक्षम विशेषता HTML <optgroup> अक्षम विशेषता

    एक विकल्प-समूह को अक्षम करने के लिए की अक्षम विशेषता का उपयोग किया जाता है। उसके बाद, विकल्प-समूह क्लिक करने योग्य नहीं हो जाता है। निम्नलिखित वाक्य रचना है - <optgroup disabled> आइए अब तत्व की अक्षम विशेषता को लागू करने के लिए एक उदाहरण देखें - उदाहरण <!DOCTYPE html> <html> <

  1. HTML  विकल्प  अक्षम विशेषता HTML <विकल्प> अक्षम विशेषता

    तत्व की अक्षम विशेषता का उपयोग विकल्पों की सूची से अक्षम विकल्प को सेट करने के लिए किया जाता है। उसके बाद, अक्षम विकल्प क्लिक करने योग्य नहीं होगा। सिंटैक्स निम्नलिखित वाक्य रचना है - <option disabled> उदाहरण आइए अब तत्व की अक्षम विशेषता को लागू करने के लिए एक उदाहरण देखें - <!DOCTYPE ht

  1. HTML  textarea  अक्षम विशेषता HTML <textarea> अक्षम विशेषता

    तत्व की अक्षम विशेषता का उपयोग को अक्षम करने के लिए किया जाता है। अक्षम करने के बाद, आप से टेक्स्ट का चयन नहीं कर पाएंगे। सिंटैक्स निम्नलिखित वाक्य रचना है - <textarea disabled> उदाहरण आइए अब तत्व की अक्षम विशेषता को लागू करने के लिए एक उदाहरण देखें - <!DOCTYPE html> <html> &l