HTML <FORM> को इनलाइन तत्व के रूप में कैसे प्रदर्शित करें?

Question 1

यह शायद एक मूल html / सीएसएस सवाल है ...

मेरे पास एक सरल एक-बटन फॉर्म है जिसे मैं पैराग्राफ टेक्स्ट के अंदर इनलाइन दिखाना चाहूंगा।

<p>Read this sentence 
     <form style='display:inline;'>
     <input style='display:inline;' 
            type='submit' 
            value='or push this button'/>
     </form>.
</p>

भले ही फ़ॉर्म में शैली = प्रदर्शन: इनलाइन विशेषता है, मुझे फ़ॉर्म से पहले एक लाइनब्रेक मिलता है। क्या इससे छुटकारा पाने का कोई तरीका है?

क्या तत्व अंदर दिखाई दे सकते हैं <p>?

Question 2

पैराग्राफ़ के ठीक बाहर अपना फ़ॉर्म टैग ले जाएँ और मार्जिन / पैडिंग को शून्य पर सेट करें:

<form style="margin: 0; padding: 0;">
  <p>
    Read this sentence 
    <input style="display: inline;" type="submit" value="or push this button" />
  </p>
</form>

Question 3

<form>अंदर नहीं जा सकते <p>, नहीं। <p>जब यह उद्घाटन <form>टैग को हिट करता है तो ब्राउज़र आपके तत्व को अचानक बंद करने जा रहा है क्योंकि यह संभालने की कोशिश करता है कि यह क्या सोचता है कि यह एक अस्पष्ट अनुच्छेद है:

<p>Read this sentence 
 </p><form style='display:inline;'>

Question 4

आप इस कोड को आज़मा सकते हैं:

<form action="#" method="get" id="login" style=" display:inline!important;">

  <label for='User'>User:</label> 
  <input type='text' name='User' id='User'>

  <label for='password'>Password:</label><input type='password' name='password' id='password'>
  <input type="submit" name="log" id="log" class="botton" value="Login" />

</form>

नोट करने के लिए महत्वपूर्ण बात <form>टैग में सीएसएस शैली की संपत्ति है ।

display:inline!important;

Question 5

के अनुसार एचटीएमएल कल्पना दोनों <form>और <p>ब्लॉक तत्व हैं और आप घोंसला उन्हें नहीं कर सकते। शायद के <p>साथ की जगह <span>आप के लिए काम करेंगे?

संपादित करें: क्षमा करें। मुझे अपने शब्दों में जल्दी करनी थी। <p>तत्व के भीतर किसी भी ब्लॉक सामग्री की अनुमति नहीं है - के रूप में द्वारा निर्दिष्ट अनुच्छेदों के लिए HTML कल्पना ।

Question 6

आप जो चाहते हैं उसे पूरा कर सकते हैं, मुझे लगता है, बस अनुच्छेद के भीतर सबमिट बटन को शामिल करके:

     <pre>
     <p>Read this sentence  <input  type='submit' value='or push this button'/></p>
     </pre>

Question 7

float: leftइस तरह से स्टाइल का उपयोग करें :

<p style="float: left"> Lorem Ipsum </p> 
<form style="float: left">
   <input  type='submit'/>
</form>
<p style="float: left"> Lorem Ipsum </p>

Question 8

एक इनलाइन आवरण जोड़ें।

<div style='display:flex'>
<form>
 <p>Read this sentence</p>
 <input type='submit' value='or push this button' />
</form>
<div>
    <p>Message here</p>
</div>