html - 将表格的 td 右对齐

Question

在我的应用程序中，我有一个表格，其中包含如下所示的 tr

<tr>
  <td><strong>Item Total:</strong></td>
  <td><strong style = "float:right">₹975.00</strong></td>
</tr>

我想将第一个 td 移到第二个 td 附近。当我应用像 margin-left:20px; 这样的 css 时，它对我有用，但它也移动了我的其他 tr 的 td也。我不想发生这种情况。

我的另一个tr如下

<tr>
   <td class="item-image"><img alt="Loose" 
   src="loose.png1466140997"> </td>
   <td class="item-name">Loose Tea</td>
   <td class="item-qty">1</td>
   <td class="item-price">₹200.00</td>
</tr>

下面是类似的fiddle .

请帮忙。

Answer 1

试试这个

<table>
  <tr>
   <td class="item-image"><img alt="Loose" 
   src="loose.png1466140997"> </td>
   <td class="item-name">Loose Tea</td>
   <td class="item-qty">1</td>
   <td class="item-price">₹200.00</td>
  </tr>
  <tr>
    <td colspan="3" align="right"><strong>Item Total:</strong></td>
    <td><strong style = "float:right" >₹975.00</strong></td>
  </tr>
</table>