<h1>Car Models</h1>
<table>
  <tr class="heading">
    <th>車体名</th>
    <th>価格</th>
    <th>燃費</th>
    <th>乗車定員</th>
    <th>排気量</th>
  </tr>
  <tr>
    <td class="car-name">
      <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/85188/car1.png" alt="">
      Compact
    </td>
    <td>140万円</td>
    <td>32km/L</td>
    <td>4人</td>
    <td>0.66L</td>
  </tr>
  <tr>
    <td class="car-name">
      <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/85188/car2.png" alt="">
      Nice Car
    </td>
    <td>150万円</td>
    <td>20km/L</td>
    <td>5人</td>
    <td>1.3L</td>
  </tr>
  <tr>
    <td class="car-name">
      <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/85188/car3.png" alt="">
      Cool Car
    </td>
    <td>290万円</td>
    <td>37km/L</td>
    <td>5人</td>
    <td>1.8L</td>
  </tr>
  <tr>
    <td class="car-name">
      <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/85188/car4.png" alt="">
      SUV
    </td>
    <td>430万円</td>
    <td>9km/L</td>
    <td>7人</td>
    <td>2.7L</td>
  </tr>
  <tr>
    <td class="car-name">
      <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/85188/car5.png" alt="">
      Minivan
    </td>
    <td>290万円</td>
    <td>15km/L</td>
    <td>8人</td>
    <td>1.8L</td>
  </tr>
</table>

table {
  border-collapse: collapse;
  width: 100%;
}
th,
td {
  padding: 1rem 2rem;
  text-align: center;
  border-bottom: 1px solid #ddd;
}
th {
  font-weight: normal;
  font-size: .875rem;
  color: #666;
  background: #eee;
  position: sticky;
  top: 0;
}
img {
  width: 80px;
  display: block;
  margin: 0 auto;
  margin-bottom: .5rem;
}

h1 {
  text-align: center;
  font-size: 2.5rem;
  font-family: 'El Messiri', sans-serif;
}