<body>
  <p>Для таблиці задана властивість <b>table-layout: fixed;</b></p>
  <table>
  <tr>
    <th>Заголовок</th>
    <th>Заголовок</th>
    <th>Заголовок</th>
  </tr>
  <tr>
    <td>Клітинка</td>
    <td>Клітинка</td>
    <td>Клітинка</td>
  </tr>
  <tr>
    <td>Клітинка</td>
    <td>Клітинка</td>
    <td>Клітинка</td>
  </tr>
</table>
  <br>
  <p>Для таблиці задана властивість <b>table-layout: auto;</b></p>
    <table class="auto">
  <tr>
    <th>Заголовок</th>
    <th>Заголовок</th>
    <th>Заголовок</th>
  </tr>
  <tr>
    <td>Клітинка</td>
    <td>Клітинка</td>
    <td>Клітинка</td>
  </tr>
  <tr>
    <td>Клітинка</td>
    <td>Клітинка</td>
    <td>Клітинка</td>
  </tr>
</table>
</body>

body{
  text-align: center;
}

table {
  margin: auto;
  border: 1px solid #666;
  table-layout: fixed;
  width: 200px;
}

td, th {
  border: 1px solid #666;
  padding: 10px;
}
.auto{
    table-layout: auto;
}
p{
  font-size: 18px;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.