<div id="d1">
  ▼整列前
  <table>
    <tr>
      <th></th>
      <th>yyyyy</th>
      <th>yyyyy</th>
    </tr>
    <tr>
      <th>xxxxx</th>
      <td>...</td>
      <td>///</td>
    </tr>
    <tr>
      <th>xxxxx</th>
      <td>...</td>
      <td>///</td>
    </tr>
  </table>
  <p>-Center-</p>
</div>
<hr>
<div id="d2">
  ▼整列後
  <table>
    <tr>
      <th></th>
      <th>yyyyy</th>
      <th>yyyyy</th>
    </tr>
    <tr>
      <th>xxxxx</th>
      <td>...</td>
      <td>///</td>
    </tr>
    <tr>
      <th>xxxxx</th>
      <td>...</td>
      <td>///</td>
    </tr>
  </table>
  <p>-Center-</p>
</div>
#d1 table{
  border:solid 1px black;
  padding:10px;
  margin-bottom:5px;
}
#d1 p{
  font-size:20px;
  background-color:silver;
}

#d2 table{
  border:solid 1px black;
  padding:10px;
  margin-bottom:5px;
}
#d2 td{
  text-align:right;
}
#d2 p{
  font-size:20px;
  background-color:silver;
  text-align:center;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.