heightが100%になるCSS

背景画像をリピートしたいのに、div要素に入っている分だけしか高さが合わない！
と悩んだときにみつけた解決法。

html,body{
height: 100%;
}
div#contents{
min-height: 100%;
height: auto;
}
body > div#contents{
height: auto;
}

ポイントは　html要素が必ずheight: 100%;になっていること。
この設定がないと、動かない(-.-;)

<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要素で囲めばよかとよ