有人可以帮忙将此表转换为 HTML CSS，就像本文所附照片中的那样，使用内联 CSS 吗？

Question

有人可以帮忙将此表转换为 HTML CSS，就像本文所附照片中的那样，使用内联 CSS 吗？ 该表格将在电子邮件程序中使用，请仅使用内联 CSS。

这是用于创建表格的RAW代码。

<center>
  <table style="width:100%; color: #000000; font-family: inter; display: grid; grid-template-columns: 100% 100%; grid-template-rows: auto; align-items: stretch; padding: 50px;">
    <div>
      <tr>
        <th>M&M</th>
        <th>Tech M</th>
      </tr>
      <tr>
        <td style="color: #19C353; text-align: center;">+4.5%</td>
        <td style="color: #E82619; text-align: center;">-1.9%</td>
      </tr>
    </div>
    <tr>
      <th>Power Grid</th>
      <th>Bharat Petroleum</th>
    </tr>
    <tr>
      <td style="color: #19C353; text-align: center;">+2.7%</td>
      <td style="color: #E82619; text-align: center;">-1.8%</td>
    </tr>
    <tr>
      <th>Shriram Finance</th>
      <th>JSW Steel</th>
    </tr>
    <tr>
      <td style="color: #19C353; text-align: center;">+2.3%</td>
      <td style="color: #E82619; text-align: center;">-1.5%</td>
    </tr>
    <tr>
      <th>IndusInd Bank</th>
      <th>HCL Tech</th>
    </tr>
    <tr>
      <td style="color: #19C353; text-align: center;">+1.9%</td>
      <td style="color: #E82619; text-align: center;">-1.5%</td>
    </tr>
    <tr>
      <th>Hero Moto</th>
      <th>Dr Reddy&apos;s</th>
    </tr>
    <tr>
      <td style="color: #19C353; text-align: center;">+1.9%</td>
      <td style="color: #E82619; text-align: center;">-1.4%</td>
    </tr>
  </table>
</center>

Answer 1

您可以通过删除每个 div 中的第二个表格行来稍微调整它，并仅使用表格标题和类似段落标签的样式表格标题，而段落标签位于它们之间。

毫米 +4.5%

科技M -1.9%