html - 如何获得标题的水平对齐方式

Question

我有两个标题，“公司名称”显示在左上方，“日期”显示在顶部中间。

我很难让它们水平对齐。我试过将它们放在一个 div 中，但没有效果...我该如何解决这个问题？

<div>
    <h1>CompanyName</h1>
    <h1 style="text-align:center">Date @Html.DisplayFor(model => model.TodaysDate)</h1>
</div>

Answer 1

尝试

<div style="clear: both">
    <h2 style="float: left;width: 40%;">CompanyName</h2>
    <h2 style="/* float: right; *//* text-align: center; */">Date @Html.DisplayFor(model =&gt; model.TodaysDate)</h2>
</div>