के साथ सीएसएस लेआउट परिवर्तन निम्नलिखित HTML मार्कअप पर विचार करें। मैंने जिन अधिकांश ब्राउज़रों का परीक्षण किया है, उनमें दूसरी सूची अलग-अलग प्रदर्शित होती है (प्रत्येक सूची आइटम इंडेंट किया जाता है)।फ़ॉन्ट लेआउट
दो सूचियों के बीच एकमात्र अंतर सीएसएस फ़ॉन्ट-स्टाइल प्रॉपर्टी से संबंधित है, जिसे मैं सूची लेआउट बदलने की उम्मीद नहीं करता। क्या इस व्यवहार के लिए कोई स्पष्टीकरण है? जबकि इटैलिक पाठ span
19 पिक्सल बलों
<!DOCTYPE html>
<html>
<head>
<style>
body {font-family: sans-serif}
span {float: left}
ul.bad span {font-style: italic}
</style>
</head>
<body>
<ul>
<li><span>foo</span></li>
<li><span>foo</span></li>
<li><span>foo</span></li>
<li><span>foo</span></li>
</ul>
<ul class="bad">
<li><span>foo</span></li>
<li><span>foo</span></li>
<li><span>foo</span></li>
<li><span>foo</span></li>
</ul>
</body>
</html>
क्या ब्राउज़र? लेआउट अलग कैसे है? मुझे इटालिकाइज्ड टेक्स्ट के लिए सहेजे गए कोड के साथ फ़ायरफ़ॉक्स में कोई फर्क नहीं पड़ता। – Jrod
यह सुनिश्चित नहीं है कि इसका क्या कारण है, लेकिन 'span {float: left}' को हटाकर इंडेंटेशन समस्या ठीक हो जाएगी। – kei
@Jrod - मैं एफएफ 5. –