तालिका को कैसे मध्य में रखा जाए?

CSS के द्वारा तालिका को मध्य में रखने का सीखना。

मध्य में रखी तालिका:

Firstname Lastname Age
Jill Smith 50
Eve Jackson 94
John Doe 80

तालिका को कैसे मध्य में रखा जाए?

पहला कदम - HTML जोड़ें:

<table class="center">
  <tr>
    <th>Firstname</th>
    <th>Lastname</th>
    <th>Age</th>
  </tr>
  <tr>
    <td>Jill</td>
    <td>Smith</td>
    <td>50</td>
  </tr>
  <tr>
    <td>Eve</td>
    <td>Jackson</td>
    <td>94</td>
  </tr>
  <tr>
    <td>John</td>
    <td>Doe</td>
    <td>80</td>
  </tr>
</table>

दूसरा कदम - CSS जोड़ें:

तालिका को मध्य में रखने के लिए, दोनों ओर के मार्गदर्शकों को स्वचालित रखें:

.center {
  margin-left: auto;
  margin-right: auto;
}

स्वयं प्रयोग करें

ध्यान दें कि अगर चौड़ाई 100%（पूर्ण चौड़ाई）सेट की गई है तो तालिका केंद्रीत नहीं होती।

संबंधित पृष्ठ

पाठ्यक्रम:CSS तालिका