在动态生成的html表格中浮动图标或div，该表格跨越一定数量的行

我正在处理一个动态生成的html表，并尝试在左侧跨多个表行的列中放置一个图标/图像。在我的示例中，我想在着色区域中放置一个图像。这需要使用html和css来完成。我将在每个块中使用相同的图标：

以下是表格结构的示例：

<table border="0">
   <tbody>
      <tr>
         <td>
            {dynamic title}
         </td>
      </tr>
      <tr>
         <td>
           {dynamic description}
         </td>
      </tr>
      <tr>
         <td>
            {dynamic archives}
         </td>
      </tr>
   </tbody>
</table>

{动态标题}
{动态描述}
{动态存档}

这是我的图标div，需要进入阴影区域：

<div class="icon"><i class="far fa-newspaper"></i></div>

显然，这是行不通的：

    <table border="0">
   <tbody>
      <div class="icon"><i class="far fa-newspaper"></i>
          <tr>
             <td>
                {dynamic title}
             </td>
          </tr>
          <tr>
             <td>
               {dynamic description}
             </td>
          </tr>
      </div> 
      <tr>
         <td>
            {dynamic archives}
         </td>
      </tr>
   </tbody>
</table>

{动态标题}
{动态描述}
{动态存档}

td{
宽度：100px；
背景：绿色；
}

1.
2.
3.

td{
宽度：100px；
背景：绿色；
}

1.
2.
3.