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

我正试着把一个人的名字和日期放在一行，虽然名字左对齐，日期右对齐

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

Firstname姓氏日期

上述内容似乎将两者对齐，但将它们放在不同的行中。 我假设这是因为我使用了两个不同的h2标记，但如果我将它们作为一个：

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

Firstname姓氏日期

---

我将所有文本放在一行上，但没有对齐。

有几个选项

如果需要两个标记，可以将一个标记向左浮动，另一个标记向右浮动

如果不需要浮动，可以将其设置为内联显示，同时提供50%的宽度并设置文本对齐css道具

另一种选择是将右对齐的文本放在h2内的一个跨距中，然后向右浮动

注意：别忘了清理浮点数。

使用

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

Firstname姓氏日期

试试这个

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

Firstname姓氏日期

使用css的强大功能！ 我使用了

display:inline块，as（而不是浮动您的元素）-它使它们更容易处理（因为浮动需要额外的css来“清除”它们-这是大多数人无法做到的一个问题）


h2{
显示：内联块；
}
FIZZ
嗡嗡声
为什么空白的未闭合span标签？这不是validno问题，抱歉，但是在内联元素中包含块级元素也是无效的，您可能希望浮点：right应该在css文件中，而不是内联