0

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

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

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

5 回答 5

1

尝试：

<div style="display:table">
    <h2 style="display:table-cell">test1</h2>
    <h2 style="display:table-cell">test2</h2>
</div>
于 2014-10-13T15:32:16.417 回答
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>

在此处输入图像描述

于 2013-07-15T10:58:30.120 回答
1 
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

于 2013-07-15T10:41:33.737 回答
0

尝试

div{
    text-align:center
}
于 2013-07-15T10:42:19.490 回答
0

尝试为您的 div 添加 lineheight 和垂直对齐。

vertical-align: middle;
line-height: 40px
于 2013-07-15T10:43:50.197 回答