] यहाँ एक समाधान है जो इस मुद्दे से निपटता है:

css समाधान

स्थिति: रिश्तेदार; प्रदर्शन: ब्लॉक; शीर्ष: 50%; मार्जिन -टॉप: -1000px; ऊंचाई: 2000px; पाठ-संरेखण: केंद्र; लाइन-हाइट: 2000px; } #लपेटना { लाइन-हाइट: 0; } #wrap img { ऊर्ध्वाधर-संरेखण: मध्य; … विशाल लाइन-हाइट यह सुनिश्चित करती है कि इसके भीतर पाठ सामग्री (इस मामले में, बच्चा div #wrap) सबसे नीचे रहता है।

के अंदर #Center, #Wrap में वर्टिकल-संरेखण के साथ छवि होती है: मध्य, जो कि छवि के आकार की परवाह किए बिना वर्टिकल संरेखण सुनिश्चित करता है। एक चेतावनी IE7 है। इसके लिए, आंतरिक div #Wrap और छवि एक ही पंक्ति पर आना चाहिए: