<h1～h6>のテキスト内で右寄せ文を書きたい。

<h1～h6>で囲む文内で、一部右寄せしたい文字があったときに、
CSSで悩んだので覚えがきです。

例えば、

HTML
<h5>左寄せしたいタイトル<span>右寄せしたい文</span></h5>


CSS
h5{
background: #DDD;
text-align: left;
}
h5 span{
float: right;
}

とかやっても、右寄せしたい文は、改行されてしまいます。。

左寄せしたいタイトル右寄せしたい文

そこで考えた解決策。
逆の発想をすればいいのだ！！と思って改良した結果がコレ↓

HTML
<h5><span>左寄せしたいタイトル</span>右寄せしたい分</h5>

CSS
h5{
background: #DDD;
text-align: right;
}
h5 span{
float: left;
}

左寄せしたいタイトル右寄せしたい文

左寄せしたい方をspan要素で囲めばよかとよ