मेरा <legend> तत्व इनलाइन क्यों प्रदर्शित नहीं करेगा?

Question

मैं अपने <fieldset> तत्व में <legend> तत्व पर display: inline; लागू करने का प्रयास कर रहा हूं, ताकि निम्नलिखित <span> उसी पंक्ति पर अनुसरण करें, लेकिन मेरे सीएसएस का कोई प्रभाव नहीं पड़ रहा है।

legend{ 
 
    display: inline; 
 
} 
 
span { 
 
    display: inline; 
 
}

<fieldset> 
 
    <legend>Legend</legend> 
 
    <span>Follower</span> 
 
</fieldset>

JSFiddle

संपादित

मैं HTML पर कोई नियंत्रण नहीं; मैं केवल सीएसएस

Answer 1

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

अजीब वहां खत्म नहीं होता है; यदि आप अवधि और किंवदंती के क्रम को उलट देते हैं, तो किंवदंती अभी भी अधिकांश ब्राउज़रों में शीर्ष पर दिखाई देगी (लेकिन ओपेरा में नहीं, जाहिर है)।

Answer 2

किंवदंतियों को display: inline या display: inline-block स्वीकार नहीं करते हैं, लेकिन आप इसे float: left दे सकते हैं और यह वही होगा जो आप चाहते हैं।