如何在一行上保留两个不同的标题（h2）标签？

Question

我正在尝试这样做，所以我有一个人的姓名和日期在一行，虽然名称左对齐，日期对齐。

<h2>Firstname Surname</h2><text align="right"><h2>Date</h2>

以上似乎将两者对齐，但将它们分开。 我认为这是因为我使用了两个不同的h2标签，但如果我将它们保留为一个标签：

<h2>Firstname Surname <text align="right"> Date</h2>

我在一行中获取所有文本，但没有对齐。

Answer 1

试试这个..

<h2>Firstname Surname <span style="float:right;">Date</span></h2>

Answer 2

有几个选项

如果你想要两个标签，你可以有一个漂浮在左边，另一个漂浮在右边

如果您不想要浮动，可以将它们设置为内嵌显示，同时给出50％的宽度并设置text-align css prop

另一种选择是在h2内的跨度中使用右对齐文本，然后向右浮动

N.b。别忘了清理你的花车。

Answer 3

使用

<h2 style="float:left">Firstname Surname</h2><span><h2>Date</h2></span>

Answer 4

使用css的力量！

我使用display:inline-block;作为（而不是浮动你的元素） - 它使它们更容易处理（因为浮动涉及额外的css'清除'它们 - 大多数人都不能做的问题）。

h2 {
  display: inline-block;
}

<h2>FIZZ</h2>
<h2>BUZZ</h2>

此处可以看到“浮动”元素的选项（以及“清算”问题），因此使用显示选项对您更有利：

.floated {
  float: left;
}

<h2 class="floated">FOO</h2>
<h2 class="floated">BAR</h2>
<div >i'm more text in the next line which could've been avoided</div>