सीएसएस: तत्व की सामग्री से पहले सफेद स्थान कैसे जोड़ें?

Question

निम्नलिखित कोड में से कोई भी काम करता है:

p:before { content: " "; } 
p:before { content: " "; } 

मैं कैसे तत्व की सामग्री से पहले सफेद स्थान जोड़ सकता हूँ?

नोट: मैं सीमा-बाएँ और मार्जिन-बाएँ अर्थ में उपयोग के लिए रंग और बेरंग मार्जिन के रूप में अंतरिक्ष का उपयोग करने की जरूरत है। :)

Answer 1

आप एक गैर तोड़ने अंतरिक्ष के यूनिकोड का उपयोग कर सकते हैं:

p:before { content: "\00a0 "; } 

देखें JSfiddle demo

[@Jason Sperske द्वारा सुधार शैली]

Answer 2

के साथ चारों ओर गोज़ न करें रिक्त स्थान डालना एक के लिए, IE के पुराने संस्करणों को यह नहीं पता होगा कि आप किस बारे में बात कर रहे हैं। इसके अलावा, हालांकि, सामान्य रूप से क्लीनर तरीके हैं।

रंगहीन इंडेंट्स के लिए, text-indent संपत्ति का उपयोग करें।

p { text-indent: 1em; } 

JSFiddle demo

संपादित करें:

आप अंतरिक्ष रंग का होना चाहते हैं, तो आप पहले अक्षर के लिए एक मोटी बाईं सीमा को जोड़ने पर विचार हो सकता है। (मैं लगभग "लेकिन" नहीं कहूंगा, क्योंकि अगर आप दोनों का उपयोग करते हैं तो इंडेंट एक मुद्दा हो सकता है। लेकिन मुझे सीमा पर पूरी तरह से इंडेंट पर भरोसा करने के लिए गंदा लगता है।) आप निर्दिष्ट कर सकते हैं कि कितनी दूर , और कितना चौड़ा, रंग पहले अक्षर के बाएं हाशिए/पैडिंग/सीमा चौड़ाई का उपयोग कर रहा है।

p:first-letter { border-left: 1em solid red; } 

Demo

Answer 3

आप तत्वों आप के रूप में सरल कुछ आवश्यकता हो सकती है के बीच की जगह को जोड़ने के लिए देख रहे हैं के बाद से एक मार्जिन छोड़ दिया है या गद्दी-छोड़ दिया है। यहाँ दोनों http://jsfiddle.net/BGHqn/3/

के उदाहरण इस पैरा तत्व के बाईं ओर 10 पिक्सल जोड़ देगा

p { 
    margin-left: 10px; 
} 

या यदि आप बस अपने पैरा तत्व के भीतर कुछ गद्दी चाहते

p { 
    padding-left: 10px; 
}