html - 如何在一行中显示 2 个短语，一个居中对齐，另一个在 html 中右对齐？

Question

我想在 HTML 中显示以下标题行：

                         Hello World                  HTML Example

“Hello World”居中对齐，而“HTML Example”右对齐。我应该使用哪个 HTML 元素？

我尝试使用 span 元素和 display:inline css 样式，但是这两个短语总是显示在两个单独的行中。

HTML<h4 align="center" > Hello World <span align="right" > HTML Example </span></h4>

标签： htmlcssalignment

Answer 1

希望这是您想要实现的目标：

<h4 align="center"> Hello World <span style="float:right;"> HTML Example </span></h4>

祝你好运！