सीएसएस पृष्ठभूमि रंग पाठ तक विस्तारित है?

Question

मैं उस पाठ का पृष्ठभूमि रंग कैसे सेट करूं जो अपने मूल div की चौड़ाई तक विस्तारित न हो? मैंने h1{background color:white;} का उपयोग किया और जिस पाठ को मैं चाहता हूं उसके चारों ओर h1 लपेटा, लेकिन सफेद पृष्ठभूमि सिर्फ पाठ से परे फैली हुई है। यह लगभग है जैसे आप शब्दों को हाइलाइट कर रहे हैं।

Answer 1

एच 1 एक ब्लॉक तत्व है, इसलिए, यह सभी उपलब्ध क्षेत्र का उपयोग करेगा। इसलिए इनलाइन को यह तत्व इसकी चौड़ाई बदलने के लिए, के लिए केवल का उपयोग

h1 { 
    display: inline; 
    background-color: white; 
} 

http://jsfiddle.net/wxNQR/

Answer 2

समस्या यह है कि h1 एक ब्लॉक-स्तर तत्व है, और डिफ़ॉल्ट रूप से ब्लॉक स्तर तत्व मूल तत्व की सभी उपलब्ध चौड़ाई को भरने के लिए विस्तारित होंगे।

h1 { 
    background-color: white; 
    float: left; 
} 

फिर आप इतना है कि यह शीर्षक तत्व दौर प्रवाहित नहीं होता, निम्नलिखित पैराग्राफ शैली की आवश्यकता होगी:

इस को हल करने के लिए सबसे आसान तरीका float के तत्व है

p { 
    clear: left; 
} 

यदि आप आईई 7 और नीचे का समर्थन नहीं कर रहे हैं, तो आप इस चयन कोटर बनाने के लिए आसन्न भाई चयनकर्ता का उपयोग कर सकते हैं, ताकि केवल p तत्व h1 तत्वों के बाद सीधे तत्वों को स्टाइल किया जा सके:

h1 + p { 
    clear: left; 
}