html - ヘッダーの水平方向の配置を取得する方法

Question

左上に表示される 'CompanyName' と、上部中央に表示される 'Date' という 2 つの見出しがあります。

それらを水平方向に整列させるのに苦労しています。それらを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>

Answer 2

div {
    text-align:center;
    background:green;
}
div h1 {
    display: inline-block;
    background: red;
    margin: 0 auto
}
h1:first-child {
    display:inline-block;  float:left
}

デモ更新 2