HTML में ब्लॉक एलिमेंट में टेक्स्ट को वर्टिकली अलाइन करें

फ्लेक्सबॉक्स से वर्टिकल अलाइनमेंट

आधिकारिक विनिर्देश के अनुसार, <a> को फ्लेक्स कंटेनर घोषित करें और क्रॉस अक्ष पर टेक्स्ट को वर्टिकली अलाइन करने के लिए align-items का उपयोग करें।

display: flex;
align-items: center;

पुराना वेंडर-प्रीफिक्स्ड तरीका (अप्रचलित)

display: -moz-box;
-moz-box-align: center;

पूर्ण उदाहरण

<!DOCTYPE html>
<html>
<head>
<style>
  .vertical-center {
    display: flex;
    align-items: center;
    justify-content: center;  /* क्षैतिज केंद्र के लिए */
    height: 200px;
    border: 2px solid #333;
  }
</style>
</head>
<body>
  <div class="vertical-center">
    <a href="#">वर्टिकली सेंटर टेक्स्ट</a>
  </div>
</body>
</html>

अन्य विधियाँ