सीएसएस पैडिंग-क्रोम और फ़ायरफ़ॉक्स में काम नहीं कर रहा - एचटीएमएल, सीएसएस

मैं एक div के भीतर सीएसएस नीचे है

<div>
<span>
<ul></ul>
</span>
</div>

#SPAN {
PADDING-RIGHT: 0px; PADDING-LEFT : 14px; FONT-SIZE: 11px; FONT-FAMILY:Tahoma; PADDING-BOTTOM: 0px; WIDTH: 100%; PADDING-TOP: 15px; HEIGHT: 100%
}



#UL {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px;
}

यहां स्पैडिंग टैग के भीतर पैडिंग-लेफ्ट नहीं हैक्रोम और फ़ायरफ़ॉक्स में काम करते हैं। मैंने कुछ वर्कअराउंड की कोशिश की है जैसे टेक्स्ट-इंडेंट: 14 पीएक्स और पेडिंग: 0 0 0 14 पीएक्स और यह काम नहीं करता है। किसी भी मदद की सराहना की जाएगी। अग्रिम धन्यवाद।

उत्तर:

जवाब के लिए 3 № 1

शैली को एक में लपेटो <style></style> में ब्लॉक करें head अनुभाग और निकालें # अपने चयनकर्ताओं से। हैश प्रतीक द्वारा तत्वों की पहचान करने की आवश्यकता है id विशेषता, और आपके तत्वों में कोई नहीं है।

एक साइड नोट के रूप में आपका मार्कअप है नहीं मान्य है, क्योंकि आप स्पान तत्व में अनियंत्रित सूची को लपेट नहीं सकते हैं


उत्तर № 2 के लिए -1

मेरे अपने प्रश्न का उत्तर दो

के बजाय PADDING-LEFT : 14px used MARGIN-LEFT: 14px। यह फ़ायरफ़ॉक्स द्वारा मान्यता प्राप्त है।


उत्तर के लिए -3 № 3

span is inline element and add display:इनलाइन-ब्लॉक में ब्लॉक स्टाइल है #SPAN { पैडिंग-राइट: 0px; पैडिंग-लेफ्ट: 14 पीएक्स; फॉंट-आकार: 11 पीएक्स; Font-family: तहोमा; पैडलिंग-बॉटम: 0 पीएक्स; WIDTH: 100%; पैडिंग-टॉप: 15 पीएक्स; ऊँचाई: 100%; display: inline-ब्लॉक; }


संबंधित सवाल
सबसे लोकप्रिय