Как отобразить 2 фразы в одной строке, один по центру, другой по правому краю в формате HTML?

Question

Я хочу отобразить следующую строку заголовка в HTML:

                         Hello World                  HTML Example

«Hello World» выровнен по центру, а «HTML Example» выровнен по правому краю. Какой элемент HTML я должен использовать?

Я пытался использовать элемент span и display: inline css style, но две фразы всегда отображаются в двух отдельных строках.

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

Answer 1

<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>

Answer 2

Надеюсь, это то, что вы пытаетесь достичь:

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

Удачи!