html - 将文本中心与表头对齐并向 sibling 对齐(html - 表)？

Question

我经常在我的元素中遇到这种类型的设计。我想要一个单元格文本与标题的中心对齐，并与下方和上方的数据右对齐，如下所示。表格有边框。图像中显示的三个单元格位于不同的行中。我该怎么做？

我尝试使用 text-align:center 但它会将所有内容对齐到中心。尝试使用 padding 但似乎没有任何效果。我试图 text-align: right 但它没有与标题对齐。

Answer 1

    <div style="text-align: center;">This is my header</div>
        <div style="text-align: center;">
		    <div style="display: inline-block; text-align: right;">
			    <div class="inner_container">0</div>
			    <div class="inner_container">123444</div>
		    </div>
    </div>

你可以尝试这样的事情:

<div style="text-align: center;">This is my header</div>
    <div style="text-align: center;">
        <div style="display: inline-block; text-align: right;">
            <div class="inner_container">0</div>
            <div class="inner_container">123444</div>
        </div>
</div>