एचटीएमएल इनपुट फ़ील्ड के अंत में नई लाइन को कैसे रोकें?

Question

<form>Label<input type="text" size="10"></form>'More Stuff<br> 

का उत्पादन:

मैं इनपुट बॉक्स के रूप में एक ही लाइन पर कर कैसे कर सकते हैं "और उत्पाद" शो है, यह तुरंत बाद:

Answer 1

एक < प्रपत्र> तत्व एक block element है।

आपको इसके चारों ओर पाठ नाव बनाने के लिए सीएसएस का उपयोग कर सकते हैं:

<form style="display:inline;"><label>Label <input/></label></form> 

उदाहरण: http://jsfiddle.net/geCEv/

Answer 2

<form> एक है डिफ़ॉल्ट रूप से ब्लॉक स्तर तत्व (चीजें इसके नीचे जाते हैं)। आप कुछ कह सकते हैं '<form style='display:inline'> और इससे मदद मिलेगी। या फिर आप तैर सकती हैं उन्हें छोड़ दिया की तरह:

<form style='float:left'>Label <input type="text" size="10"></form> 
<div style='float:left'>More stuff</div>