#wrapper {
  border: 1px solid black;
  width: 500px;
  height: 500px;
}
#content {
  border: 1px solid black;
  display: inline-block;
  vertical-align: middle;
}

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