हम अपनी सामग्री के अनुसार स्वचालित रूप से div को चौड़ाई ले सकते हैं

Question

मैं fieldset और label जैसे प्रभाव बनाना चाहता हूं।

शीर्षकों ओर के साथ बदलते हैं, चौड़ाई कि शीर्षक का सफेद पृष्ठभूमि ही रहता है।

यदि मैं अपनी सामग्री को फिट करने के लिए पर्याप्त चौड़ाई लेने के लिए heading या div तत्व बना सकता हूं, तो यह उचित प्रभाव देगा।

यदि कोई अन्य समाधान है तो कृपया मुझे बताएं।

Answer 1

आप div आप हटना चाहते हैं, या display: inline-block पर float उपयोग कर सकते हैं (हालांकि कि IE6 में काम करेंगे नहीं (क्योंकि यह एक चौड़ाई निर्दिष्ट किए बिना इनलाइन डिफ़ॉल्ट रूप से) केवल तत्वों को inline-block लागू होता है। या आप दोनों का उपयोग कर सकते हैं, जाहिर है। हालांकि मुझे यकीन है कि तुम क्यों एक जारी-ब्लॉक अधिनियम बनाने के लिए जैसे कि वह inline था चाहते हैं नहीं कर रहा हूँ।

jsbin

Answer 2

पर डेमो मैं इस

#element { 
    display: table; /* IE8+ and all other modern browsers */ 
}