HTML中的简单对齐/缩进以进行数学运算

Question

我很难做到这一点。请帮助我以简单的方式完成此操作。

我需要使这一切对齐。因为这是数学加法运算。

我当前的代码是这样的：

但是此结果未对齐。是吗请帮助我使它们对齐。

Answer 1

请尝试以下代码。我只是用表格来对齐数据 （参考：https://www.w3schools.com/html/html_tables.asp）

table{
    border-collapse: collapse;
}
		 
td{
    width: 100px;
}
		 
.sum{
    border-top: 1px solid black;
}

     <table>
         <tr>
            <td></td>
            <td>MYR 7,000</td>
            <td>x 6%</td>
            <td>=</td>
            <td>MYR 420</td>
         </tr>
         <tr>
            <td></td>
            <td>MYR 13,500</td>
            <td>x 8%</td>
            <td>=</td>
            <td>MYR 1,040</td>
         </tr>
         <tr>
            <td></td>
            <td>MYR 15,000</td>
            <td>x 10%</td>
            <td>=</td>
            <td>MYR 1,500</td>
         </tr>
         <tr>
            <td class="sum">Net Loss</td>
            <td class="sum">MYR 35,000</td>
            <td class="sum"></td>
            <td class="sum">Rebate</td>
            <td class="sum">MYR 1,690</td>
         </tr>
     </table>

Answer 2

最简单的方法是在需要空间的地方使用 。 例  18   *   2  =   36