如何在一行中保留两个不同的 header (h2) 标签？
How to keep two different header (h2) tags on one line?
我正在努力让一个人的名字和日期在一行中，尽管名字左对齐，日期右对齐。
<h2>Firstname Surname</h2><text align="right"><h2>Date</h2>
以上似乎将它们对齐，但将它们放在不同的行中。
我认为这是因为我使用了两个不同的 h2 标签，但如果我将它们保留为一个：
<h2>Firstname Surname <text align="right"> Date</h2>
我将所有文本放在一行中，但没有对齐。
有几个选项
如果你想要两个标签，你可以让一个向左浮动，另一个向右浮动
如果你不想要浮动，你可以将它们设置为内联显示，给两个 50% 的宽度并设置文本对齐 css prop
另一种选择是在 h2 内的范围内右对齐文本并向右浮动
N.b。别忘了清除你的花车。
使用
<h2 style="float:left">Firstname Surname</h2><span><h2>Date</h2></span>
试试这个..
<h2>Firstname Surname <span style="float:right;">Date</span></h2>
使用 css 的力量！
我使用了 display:inline-block;,as（而不是浮动你的元素） - 它使它们更容易处理（因为浮动涉及额外的 css 到 'clear' 它们 - a大多数人都做不到的问题）。
h2 {
display: inline-block;
}
<h2>FIZZ</h2>
<h2>BUZZ</h2>
可以在此处看到 'floating' 元素的选项（以及 'clearing' 问题），因此使用显示选项对您更有利：
.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>
我正在努力让一个人的名字和日期在一行中，尽管名字左对齐，日期右对齐。
<h2>Firstname Surname</h2><text align="right"><h2>Date</h2>
以上似乎将它们对齐，但将它们放在不同的行中。 我认为这是因为我使用了两个不同的 h2 标签，但如果我将它们保留为一个：
<h2>Firstname Surname <text align="right"> Date</h2>
我将所有文本放在一行中，但没有对齐。
有几个选项
如果你想要两个标签，你可以让一个向左浮动，另一个向右浮动
如果你不想要浮动，你可以将它们设置为内联显示，给两个 50% 的宽度并设置文本对齐 css prop
另一种选择是在 h2 内的范围内右对齐文本并向右浮动
N.b。别忘了清除你的花车。
使用
<h2 style="float:left">Firstname Surname</h2><span><h2>Date</h2></span>
试试这个..
<h2>Firstname Surname <span style="float:right;">Date</span></h2>
使用 css 的力量！
我使用了 display:inline-block;,as（而不是浮动你的元素） - 它使它们更容易处理（因为浮动涉及额外的 css 到 'clear' 它们 - a大多数人都做不到的问题）。
h2 {
display: inline-block;
}
<h2>FIZZ</h2>
<h2>BUZZ</h2>
可以在此处看到 'floating' 元素的选项（以及 'clearing' 问题），因此使用显示选项对您更有利：
.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>