Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> CSS

CSS में एक तत्व को लंबवत रूप से केन्द्रित करें

<घंटा/>

किसी तत्व को सीएसएस में लंबवत रूप से केन्द्रित करने के लिए, ऊपर और नीचे पैडिंग का उपयोग करें।

उदाहरण

आप किसी तत्व को केंद्र में रखने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं

<!DOCTYPE html>
<html>
   <head>
      <style>
         .center {
            padding: 50px 0;
            border: 2px solid blue;
         }
      </style>
   </head>
   <body>
      <h2>Center Vertically</h2>
      <p>In this example, we use the padding property to center the div element vertically:</p>
      <div class = "center">
         <p>I am vertically centered.</p>
      </div>
   </body>
</html>

आउटपुट

CSS में एक तत्व को लंबवत रूप से केन्द्रित करें


  1. सीएसएस के साथ एक घंटा तत्व कैसे शैलीबद्ध करें?

    CSS के साथ hr एलिमेंट को स्टाइल करने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <meta name="viewport" content="width=device-width, initial-scale=1"> <head> <style>    body{       font-family: 'Segoe UI',

  1. सीएसएस के साथ लंबवत और क्षैतिज रूप से बटन तत्व को कैसे केंद्रित करें?

    CSS के साथ एक बटन को लंबवत और क्षैतिज रूप से केन्द्रित करने के लिए, कोड इस प्रकार है - उदाहरण body { font-family:Segoe UI, Tahoma, Geneva, Verdana, sans-serif; } .केंद्रित {प्रदर्शन:फ्लेक्स; औचित्य-सामग्री:केंद्र; संरेखित-आइटम:केंद्र; ऊंचाई:200px; सीमा:3px ठोस आरजीबी (0, 70, 128); } बटन {फ़ॉन्ट-आका

  1. सीएसएस के साथ लंबवत और क्षैतिज रूप से तत्व को कैसे केंद्रित करें?

    सीएसएस के साथ किसी तत्व को लंबवत और क्षैतिज रूप से केन्द्रित करने के लिए, कोड इस प्रकार है - उदाहरण body { font-family:Segoe UI, Tahoma, Geneva, Verdana, sans-serif; } .केंद्रित {प्रदर्शन:फ्लेक्स; औचित्य-सामग्री:केंद्र; संरेखित-आइटम:केंद्र; ऊंचाई:200px; सीमा:3px ठोस आरजीबी (0, 70, 128); }केन्द्रित