如何在HTML中拆分文本并将其左右对齐？_Html_Css

如何在HTML中拆分文本并将其左右对齐？

html css

如何在HTML中拆分文本并将其左右对齐？,html,css,Html,Css,我有以下HTML代码片段 <!DOCTYPE html> <html> <head> </head> <body> <table> <tr> ... <td style="text-align:center;"> abcdefghij abcdefgh<br> AB hello<br> XYZ hi </td> ... &

我有以下HTML代码片段

<!DOCTYPE html>
<html>
<head>
</head>
<body>

<table>

<tr>
  ...
  <td style="text-align:center;">
    abcdefghij abcdefgh<br>
    AB hello<br>
    XYZ hi
  </td>
  ...
</tr>
</table>
</body>
</html>

我希望它输出以下内容：

abcdefghij abcdefgh
     AB hello
      XYZ hi

abcdefghij abcdefgh
        AB hello
       XYZ hi

在不修改表的其余部分的情况下，我如何执行该操作？我们可以假设左边和右边的部分最多可以有10个字符。

如果有帮助，HTML是通过JavaScript生成的

我认为没有一种方法可以在不向帖子中单独添加include的情况下将其对齐。如果有，我不知道。这样走一条路会更准确

trtd{
显示器：flex；
弯曲方向：立柱；
}
运输署分区{
显示器：flex；
}
tr td div>span{
弹性：0.50%；
}
tr td div>span:n类型（2）{
文本对齐：左对齐；
}
tr td div>span:n类型（1）{
文本对齐：右对齐；
右边距：8px；
}


...
abcdefghij
abcdefgh
AB
你好
XYZ
你好
...

我认为没有一种方法可以在不向帖子中单独添加include的情况下将其对齐。如果有，我不知道。这样走一条路会更准确

trtd{
显示器：flex；
弯曲方向：立柱；
}
运输署分区{
显示器：flex；
}
tr td div>span{
弹性：0.50%；
}
tr td div>span:n类型（2）{
文本对齐：左对齐；
}
tr td div>span:n类型（1）{
文本对齐：右对齐；
右边距：8px；
}


...
abcdefghij
abcdefgh
AB
你好
XYZ
你好
...

不能用“br”对文本进行排序。为什么不为每个文本创建一个容器呢？这是否回答了您的问题？同样相关：我的问题在@Garrettmotznerry发布的链接上得到了回答。你不能用“br”对彼此相邻的文本进行排序。为什么不为每个文本创建一个容器呢？这是否回答了你的问题？同样相关：我的问题在@GarrettMotzner发布的链接上得到了回答