Html mpdf上的跨度宽度和浮动不'；行不通

我正在使用mpdf库开发报表html。 我的代码是：

..
<td style="width:400px">
<span style="float:left; width:60px;">Rp</span>
<span style="float:right; width:340px;">100</span>
</td>
..

。。
反相
100
..

我希望它在左侧显示为'Rp'，在右侧显示为'100'， 在浏览器中，它显示了我想要的完美结果，但当生成为pdf时，它们都在左侧。跨度的宽度也不正确。为什么这不起作用

请帮帮我，谢谢。试着用“百分比”代替“像素”：

HTML:

<table>
    <tr>
        <td>
            <span>Rp</span>
            <span>100</span>
        </td>
        <td>
            second TD
        </td>
    </tr>
</table>

table{
    width: 100%;
    border: 1px solid red;
}

td {
    width: 400px;
}

td span{
    float: left;
    border: 1px solid green;
    width: 20%;
    margin-right: 10px;
}

td span:nth-child(2){
    border: 1px solid blue;
    width: 60%;
}

---

演示：

在其他论坛上说，MPDF不支持td/表中的blok元素。。也许我会尝试只使用表视图..这似乎是事实，即使浮动div没有表，但我不知道为什么。Px适用于其他样式，但当在浮点上使用时，它默认为100%，这对我不适用