javascript - CSS 文本右对齐不起作用。如何解决？

Question

<div style="text-align: left;width: 21cm;">
    <h4 style="text-align: center;font-weight: bold;font-size: 20px;margin: 0">Tax Invoice(Center) <span style="text-align: right;"> For Client(Right)</span></h4>
</div>

我要显示文字

For Client(Right)

在右侧但它显示在中心。如何在右侧显示它？

Answer 1

<div style="text-align: left;width: 21cm;">
    <h4 style="text-align: center;font-weight: bold;font-size: 20px;margin: 0">Tax Invoice(Center) <span style="float: right;"> For Client(Right)</span></h4>
</div>

使用float: right; 实现想要的输出