शीर्षक (एच 1, एच 2, आदि) टैग के भीतर मैं तत्व कैसे हूं?

Question

ऐसा लगता है कि यह कुछ आसान होना चाहिए, फिर भी यह मुझे पागल कर रहा है !!

मुझे हेडर तत्व के दाईं ओर उस मामले के लिए बटन, या अन्य इनपुट तत्व को स्थानांतरित करने में सक्षम होना चाहिए, जिसमें टेक्स्ट भी शामिल है।

बुनियादी मार्कअप है:

<h3>Order Details <input type="button" value="Refund" id="btnRefund" /></h3> 

वांछित परिणाम है कि पाठ "आदेश विवरण" एच 3 तत्व के बाईं पर है और बटन सही पर है। स्पष्ट समाधान संरेखण करना है: बटन पर दाएं, हालांकि यह बटन को H3 तत्व के बाहर दिखाई देता है या पाठ के साथ इनलाइन नहीं करता है।

मैंने एच 3 तत्व पर स्थिति संपत्ति के विभिन्न संयोजन और div और span टैग में टेक्स्ट को लपेटने की कोशिश की है।

मुझे यकीन है कि जब मैं इसका समाधान प्राप्त करता हूं तो मैं खुद को लात मारता हूं।

संपादित करें/अद्यतन: मैं nickf के जवाब के साथ चिपके हुए हूँ (के लिए अब वैसे भी) के रूप में मैं आदि पृष्ठभूमि रंग सहित H3 पहले से ही बाह्य शैली पत्रक में स्टाइल के साथ काफी पुराने सिस्टम के साथ काम कर रहा हूँ वहाँ भी H3 टैग के कई उदाहरणों में इसका उपयोग किए जाने वाले किसी और तत्व के बिना उपयोग किया जा रहा है और मेरे लिए यह समझने के लिए एच 3 टैग की शैली को प्रतिलिपि बनाने वाला एक div टैग नहीं है।

अगर मैं खरोंच से शुरू कर रहा था तो मैंने मार्क के जवाब पर विचार किया होगा।

Answer 1

आप डाल करने के लिए है यह पहली बार

<h3><input type="button" style="float: right">Order Details</h3> 

Answer 2

यही नहीं W3C अनुरूप है?

आप एक div में पूरी बात लपेट कर सकते हैं नहीं,

<div><h3>Order Details</h3><input type="button" value="Refund" id="btnRefund" /></div> 

और अपनी शैली है, तो आप की जरूरत वर्दी के कुछ फार्म देखने के बजाय h3 से, div लागू होता है? एच 3 को फ्लोट करें या display:inline का उपयोग करें ताकि वे साइड-बाय-साइड दिखाई दें।

Answer 3

वैसे यहां मैं मार्क और निक एफ द्वारा प्रेरित होने के बाद समाप्त हुआ हूं। यह एक कड़वाहट है लेकिन मेरी संवेदनाओं के लिए अपील करता है। एच 3 अभी भी मूल तत्व है, जो मुझे कम से कम अर्थशास्त्र में अधिक समझ में आता है।

<h3 style="position:relative;"> 
    <span style="position:absolute;">Order Details</span> 
    <span style="text-align:right; 
       width:100%; 
       position:absolute"> 
     <input type="submit" name="btnRefund" value="Refund" id="btnRefund" 
     class="TextFields" /></span></h3> 

शैलियों को स्टाइल शीट में स्पष्ट रूप से समाप्त होना चाहिए।

इस दृष्टिकोण का नकारात्मक हिस्सा निकिक्स उत्तर की तुलना में अधिक मार्क अप है, लेकिन मार्क की तुलना में वास्तव में नहीं। एच 3 में अंतिम चरित्र के रूप में एक गैर ब्रेकिंग स्पेस डालने का छोटा सा झुकाव भी है।