[解決済み] 同じ行で左寄せと右寄せにするにはどうしたらいいですか？

質問

同じ行の中で、一部のテキストを左寄せ、一部のテキストを右寄せにするにはどうしたらよいでしょうか。

<p>This text should be left-aligned. This text should be right aligned.</p> 

すべてのテキストを左寄せ（または右寄せ）にすることは、直接インラインでも、スタイルシートを使っても可能です -。

<p style='text-align: left'>This text should be left-aligned. 
    This text should be right aligned.</p>

対応するテキストを同じ行に収めたまま、左右に揃えるにはどうしたらよいでしょうか。

どのように解決するのですか？

<p style="text-align:left;">
    This text is left aligned
    <span style="float:right;">
        This text is right aligned
    </span>
</p>

https://jsfiddle.net/gionaf/5z3ec48r/