आप <span> तत्व की * प्रत्येक * पंक्ति को कैसे इंडेंट करते हैं?

Question

मैं निम्न HTML हिस्सा है:

<span class='instruction_text'> 
    Line 1<br> 
    Line 2 
</span> 

और instruction_text की सीएसएस घोषणा है:

.instruction_text { 
    margin-left: 70px; 
    font-style: italic; 
    color: #555; 
} 

पहली पंक्ति एक 70px मार्जिन की उम्मीद के रूप में है, लेकिन अगली पंक्ति कोई मांगपत्र के साथ शुरू होता है। मैं सभी पंक्तियों को इंडेंट कैसे कर सकता हूं?

Answer 1

ब्लॉक-स्तर तत्व का उपयोग करें। <div> डिफ़ॉल्ट रूप से ब्लॉक-स्तर है, लेकिन आपके instruction_text कक्षा में सीएसएस display:block जोड़कर आपको सही दिशा में भेजना चाहिए।

Answer 2

स्पैन तत्व के अंदर बीआर टैग का उपयोग करना एक इनलाइन तत्व में स्पैन के रूप में बहुत अधिक समझ में नहीं आता है जिसका अर्थ यह है कि इसका उपयोग टेक्स्ट या अन्य इनलाइन तत्वों के प्रवाह के प्रवाह में किया जाना है।

आपको वास्तव में ऐसे तत्व का उपयोग करना चाहिए जो "ब्लॉक" स्तर तत्व जैसे DIV या P, उदा। एक जिसे टेक्स्ट की कई पंक्तियां (या इनलाइन तत्व) रखने के लिए डिज़ाइन किया गया है।

आपने गौर किया जाएगा के रूप में, आप एक स्पैन के अंदर एक बीआर टैग का उपयोग कर सकते हैं और यह कारण होगा एक लाइन ब्रेक, फिर भी इनलाइन तत्वों के साथ मार्जिन/गद्दी आदि