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

Question

I want to display the following heading line in HTML:

                         Hello World                  HTML Example

"Hello World" is center aligned while "HTML Example" is right aligned. Which HTML element should I use?

I've tried using span element and the display:inline css style but the two phrases always display in two separate lines.

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

Answer 1

Hopefully it's what you're trying to achieve:

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

Good luck!

Answer 2

<h4 align="center" ><span style="float:left;margin-left:30%"> Hello World</span> <span align="right" style="float:right;margin-right:30%"> HTML Example </span></h4>