Html 如何在一个td中对齐多个文本行

我需要在一个TD中包含一些元素，这个TD的大小最多是表格的50%，每行应该向左对齐，但最大的文本应该“接触”表格的右侧

<table width="100%" cellpadding="0" cellspacing="0">
    <tbody>
        <tr>
            <td style="line-height: 20px; width: 49%;">
            <span style=" color: #FF00FF !important; font-size: 12pt; font-weight: bold;">Text First Cell
            </span>
            </td>
            <td style="width: 50%; text-align: right;">
            <span name="span1" style="float: left; width: 100%;">
            <span style="font-family: Arial !important; color: #FF00FF ; font-size: 12pt; font-weight: bold;">Text1 Second Cell Larger Text </span> 
            </span>
            <span name="span2" style="width: 100%; float: left;">
                <span style="font-family: Arial ; color: #FF00FF ; font-size: 12pt; font-weight: bold;"> Text2 Second Cell
                </span>
            </span>
            </td>
        </tr>
    </tbody>
</table>

文本第一单元格
Text1第二个单元格较大的文本
Text2第二单元

我几乎可以做到这一点，但我无法将文本“Text1秒单元格大文本”和“Text2秒单元格”向左对齐

有什么想法吗？

---

还有，如果有更好的方法，我很想知道

我猜您在对齐文本时遇到了问题，因为同一单元格中有。我的建议是在表中创建多个单元格，这样会更容易

例子：

文本第一单元格
Text1第二个单元格较大的文本
Text2第二单元

我刚刚学会了如何做：

.myDiv {
    float: right;
}
.span1{
    display: block;
}


<div class="myDiv">
<span name="span1" class="span1" >
<span style="font-family: Arial !important; color: #FF00FF ; font-size: 12pt; font-weight: bold;">Text1 Second Cell Larger Text </span> 
</span>
<span name="span2" class="span2">
<span style="font-family: Arial ; color: #FF00FF ; font-size: 12pt; font-weight: bold;"> Text2 Second Cell</span>
</span>
</div>

.myDiv{
浮动：对；
}
.span1{
显示：块；
}
Text1第二个单元格较大的文本
Text2第二单元

---

干杯

嗨，我真的不明白你的问题。您希望将“文本1第二个单元格大文本”和“文本2第二个单元格”对齐到表格单元格的左侧，还是希望将“最大文本”对齐到“触摸”表格的右侧“对不起，我不清楚..”。。我的意思是对齐左边的“文本1秒单元格大文本”和“文本2秒单元格”。但也有“文本1秒单元格大文本”“触摸”桌子的右侧。谢谢你的建议。这实际上对我没有帮助，因为，出于其他原因，我需要“Text1秒单元格大文本”和“Text2秒单元格”在同一单元格中。也许我可以把它们放在另一张桌子上，但我不认为这是最好的解决方案。。。

.myDiv {
    float: right;
}
.span1{
    display: block;
}


<div class="myDiv">
<span name="span1" class="span1" >
<span style="font-family: Arial !important; color: #FF00FF ; font-size: 12pt; font-weight: bold;">Text1 Second Cell Larger Text </span> 
</span>
<span name="span2" class="span2">
<span style="font-family: Arial ; color: #FF00FF ; font-size: 12pt; font-weight: bold;"> Text2 Second Cell</span>
</span>
</div>