Проблема с форматированием таблицы HTML

Я создаю html-страницу, на которой я использую стол для некоторых предметов. как показано на изображении ниже:

Код для этой таблицы следующий:

<table border="2">
 <tbody><tr>
  <td width="50">
    <b>
        <span style="color:red">
            Id
        </span>
    </b>
  </td>
  <td width="150">
    <b>
        <span style="color:red">
            Product Name
        </span>
    </b>
  </td>
  <td width="150">
    <b>
        <span style="color:red">
            Product Price
        </span>
    </b>
  </td>
  <td width="50"></td>
 </tr>

      <tr>
   <td>1</td>
   <td>Lamps</td>
   <td><i>$3.5</i></td>
   <td> <a href="/app_name/editpage.htm?id=1&amp;prodname=Lamps&amp;prodprice=3.5">Edit</a></td>
   <td><a href="/app_name/deleteprod.htm?id=1&amp;prodname=Lamps&amp;prodprice=3.5">Delete</a></td>
  </tr>

      <tr>
   <td>2</td>
   <td>Table</td>
   <td><i>$75.29</i></td>
   <td> <a href="/app_name/editpage.htm?id=2&amp;prodname=Table&amp;prodprice=75.29">Edit</a></td>
   <td><a href="/app_name/deleteprod.htm?id=2&amp;prodname=Table&amp;prodprice=75.29">Delete</a></td>
  </tr>

      <tr>
   <td>3</td>
   <td>Chair</td>
   <td><i>$22.81</i></td>
   <td> <a href="/app_name/editpage.htm?id=3&amp;prodname=Chair&amp;prodprice=22.81">Edit</a></td>
   <td><a href="/app_name/deleteprod.htm?id=3&amp;prodname=Chair&amp;prodprice=22.81">Delete</a></td>
  </tr>

     </tbody></table>

Теперь моя проблема в том, почему строка заголовка не завершена, как это сделать? Я новичок в html и css, и я изучаю их. Пожалуйста, нужны рекомендации. Спасибо.