टेक्स्टेरिया और पड़ोसी तत्व संरेखण में विसंगति: एक विस्तृत स्पष्टीकरण

दिखने के बावजूद, आपके कोड स्निपेट में टेक्स्टएरिया तत्व को ऊपर नहीं रखा गया है इसके पड़ोसी, स्पैन तत्व की तुलना में। यह दृश्य भ्रम वेब लेआउट के मूलभूत पहलू से उत्पन्न होता है जिसे बेसलाइन संरेखण के रूप में जाना जाता है। उसी आधार रेखा पर, जो वह रेखा है जिस पर अधिकांश पात्र आराम करते हैं। हालाँकि, कुछ छोटे अक्षर, जिन्हें अवरोही के रूप में जाना जाता है, आधार रेखा के नीचे विस्तारित होते हैं।

आपके मामले में, स्पैन और टेक्स्टएरिया दोनों तत्व अपने प्रतिपादन में संभावित अवरोही को समायोजित कर रहे हैं। आप जो अंतर देख रहे हैं, वह केवल इन अवरोहियों के लिए आरक्षित स्थान है। स्पैन की सीमा पाठ और अवरोही स्थान को लपेटती है, जबकि पाठ क्षेत्र की सीमा नहीं होती है। इससे यह भ्रम पैदा होता है कि पाठ क्षेत्र ऊपर है। टेक्स्टएरिया नियम में वर्टिकल-एलाइन: बॉटम जोड़ें: यह टेक्स्टएरिया के निचले किनारे को निचले किनारे के साथ संरेखित करता है स्पैन का।

यह इनलाइन व्यवहार को हटा देता है और टेक्स्टएरिया को एक ब्लॉक तत्व के रूप में मानता है, जिससे बेसलाइन संरेखण प्रभाव समाप्त हो जाता है।