एंकर टैग के नीचे रहस्यमयी सफेद जगह

एक जटिल विशिष्ट लेआउट पहेली में, एक छवि को घेरने वाला एक एंकर टैग एक अकथनीय ऊंचाई असमानता प्रदर्शित करता है, जो छोड़ देता है इसके आधार पर एक भद्दा अंतर। मार्जिन और पैडिंग दोनों को शून्य पर सेट करने के बावजूद, टैग अपनी इच्छित सीमा से अधिक लंबा रहता है, जो वांछित सौंदर्य को बाधित करता है। पहेली, कोडर्स ने फ़ायर्फ़ॉक्स और क्रोम दोनों से परामर्श किया है, लेकिन उन्हें एक ही आश्चर्यजनक परिणाम का सामना करना पड़ा। इस अवांछित स्थान का कारण अस्पष्ट बना हुआ है, जिससे डेवलपर्स अपना सिर खुजलाने लगे हैं। जिससे यह पाठ वर्णों के समान व्यवहार करने लगता है। यह स्थिति छवि को आधार रेखा पर रखती है, जिससे एक पृथक्करण बनता है जिसे डिसेंडर स्पेस के रूप में जाना जाता है। अवरोही छोटे अक्षरों जैसे "j," "g," "y," और "p" के लम्बे भाग हैं। , एक सीएसएस समायोजन आवश्यक है। छवि पर "वर्टिकल-एलाइन: बॉटम" लगाने से, इसका वर्टिकल अलाइनमेंट युक्त तत्व के नीचे स्थानांतरित हो जाता है। यह परिवर्तन अवरोही स्थान को समाप्त कर देता है, छवि फ्लश को उसकी निचली सीमा के साथ संरेखित करता है और पेचीदा सफेद स्थान रहस्य को हल करता है।