दो रूपों इनलाइन

Question

यह does not काम

<form style ='display:inline;'> 
<input type = 'submit'/> 
</form> 
<form style ='display:inline;'> 
    <input type = 'submit'/> 
</form> 

प्रदर्शित करने के लिए मैं दो रूपों है कि विभिन्न लिपियों के लिए सबमिट करें और प्रत्येक इनलाइन प्रदर्शित करने के लिए एक इनपुट बटन चाहते प्राप्त करें।

मैं इसे इनलाइन शैली बनाना चाहता हूं क्योंकि कोई अन्य मुख्य सीएसएस फ़ाइल में अधिक स्थायी परिवर्तन करेगा, मैं क्या गलत कर रहा हूं?

Answer 1

मुझे लगता है कि आप जो चाहते हैं उन्हें एक तरफ प्रदर्शित करना है। आप इसे फ्लोट्स का उपयोग करके ऐसा कर सकते हैं:

<form style ='float: left; padding: 5px;'> 
akjfhdkjahj<br /> 
<input type = 'submit'/> 
</form> 
<form style ='float: left; padding: 5px;'> 
    aklfjas<br /> 
    <input type = 'submit'/> 
</form> 

लेकिन यह आदर्श भी नहीं है। < div> में प्रत्येक < फ़ॉर्म> को लपेटना और इसके बजाय div टैग में फ़्लोट का उपयोग करना सबसे अच्छा होगा।

Answer 2

एक इनपुट बटन इनलाइन प्रदर्शित करने के लिए

बटन इनलाइन प्रदर्शित किया जाना चाहिए, तो आप रूपों के लिए नहीं, आदानों की उन शैलियों सौंपने होंगे।

Answer 3

अगर मैं सवाल सही ढंग से समझ, आप display:inline-block;

form{ 
    width:200px;   //JUST FOR SHOW 
    height:200px;   //JUST FOR SHOW 
    background:red;  //JUST FOR SHOW 
    display:inline-block; 
    margin:1em;    
} 

उदाहरण का उपयोग कर सकते हैं: जाहिर हैhttp://jsfiddle.net/jasongennaro/dn5NQ/3/

, आप रूपों की सामग्री rework करने के लिए ... के रूप में आप कहते हैं की आवश्यकता होगी।

Answer 4

आप उद्धरण अपनी विशेषताओं के लिए ", और शैली बटन inline का उपयोग करना चाहिए और साथ ही वे block डिफ़ॉल्ट रूप से माना जाता है।