मेरे पास यह कोड है
& lt; html & gt; & Lt; शीर्ष & gt; & Lt; शैली प्रकार = "टेक्स्ट / सीएसएस" & gt; .frame {width: 50em; सीमा: 1 पीएक्स ठोस काला}। फ्रेम लेबल {चौड़ाई: 20 एएम; प्रदर्शन क्षेत्र; text-align: ठीक है, सीमा: 1px ठोस हरा}। फ्रेम लेबल अवधि {width: 20em; प्रदर्शन क्षेत्र; फ़ॉन्ट आकार: .5em; सीमा: 1px ठोस लाल; टेक्स्ट-संरेखित करें: सही} & lt; / style & gt; & Lt; / head & gt; & LT; बॉडी & gt; & Lt; div वर्ग = "फ्रेम" & gt; & LT; लेबल & gt; लेबल & lt; span & gt; स्पैन & lt; / span & gt; & Lt; / लेबल & gt; & Lt; / div & gt; & Lt; / body & gt;
लाल "अवधि" 20em पर सेट है लेकिन यह हरा "लेबल" जितना बड़ा होना चाहिए मैं हालांकि लाल भाग में फ़ॉन्ट-आकार छोटा रखना चाहता हूं। दुर्भाग्य से भले ही फ़ॉन्ट आकार आधा बड़ा हो, मैं एक ही आकार पाने के लिए 40em का उपयोग नहीं कर सकता। किसी भी विचार से कैसे उस समस्या को हल करें
यदि आप SPAN के लिए चौड़ाई नहीं घोषित करते हैं तत्व (या चौड़ाई: 100% ), उसकी संपत्ति प्रदर्शन: ब्लॉक पहले से ही सुनिश्चित कर देगी कि इसकी चौड़ाई पूर्ण उपलब्ध चौड़ाई होगी।
Comments
Post a Comment