css - why the class margin not work? -

कोड नीचे दिया गया है:

  & lt; html & gt; & Lt; शीर्ष & gt; & Lt; title & gt; परीक्षण & lt; / title & gt; & Lt; / head & gt; & LT; बॉडी & gt; & Lt; div & gt; & lt; span & gt; शंघाई & lt; / span & gt; & lt; span class = "margin" & gt; & Lt; / span & gt; & lt; अवधि & gt; पुरुष के & lt; / span & gt; & lt; / div & gt; & Lt; / body & gt; & Lt; / html & gt; । मार्जिन {चौड़ाई: 40px; ऊंचाई: ऑटो; }  

आप इसे चौड़ाई नहीं दे सकते क्योंकि यह एक इनलाइन तत्व है। < / P>

यह संपत्ति ब्लॉक-स्तर और प्रतिस्थापित तत्वों द्वारा उत्पन्न बॉक्स की सामग्री की चौड़ाई निर्दिष्ट करती है। यह संपत्ति गैर-प्रतिस्थापित इनलाइन-स्तर के तत्वों पर लागू नहीं होती है -

आप इसे इसके बजाय एक ब्लॉक या इनलाइन-ब्लॉक तत्व बनाकर इसे ठीक कर सकते हैं:

  डिस्प्ले: इनलाइन-ब्लॉक   
 हालांकि, यह कुछ ब्राउज़रों द्वारा समर्थित नहीं हो सकता है आप शायद इसके साथ एक ही परिणाम प्राप्त कर सकते हैं, हालांकि: 
 
  मार्जिन-बाएं: 40px