Проблемы HTML-дизайна таблицы с данными строки

Question

Я сталкиваюсь с проблемами при разработке этой таблицы ниже, как показано на изображении:

Я пробовал ниже таблицы основные html-таблицы tr> td, но ничто не помогает мне получить желаемоевыход.

Answer 1

Используйте атрибут rowspan следующим образом:

#table1 {
  width: 100%;
  border-collapse: collapse;
}
#table1 td {
  border: 1px solid black;
}

<table id="table1">
  <tr>
    <td>Estimated Time</td>
    <td>1</td>
  </tr>
  <tr>
    <td rowspan="2">Delivery Charge</td>
    <td>2</td>
  </tr>
  <tr>
    <td>3</td>
  </tr>
  <tr>
    <td>Payment Method</td>
    <td>4</td>
  </tr>
</table>