text-align:centerが効かない？そんなときに確認したいこと

cssを書いてるときに中央よせにしたいときって「text-align:center」ををつかうんだけど、たまに寄らないことがある。

html
[html]
<div class="box">
<div class="item"></div>
</div>
[/html]

css
[css]
.box{
text-align:center
}
[/css]

これで子要素のitemが中央によってくれるのだけどもなぜか寄らないことがある。んで、ハマったらググるんだけど、調べてコード見直してだいたい気づくのが、floatが当たってるとき。よくこれで時間がとられちゃうのよね。

[css]
.item{
float:none
}
[/css]
子要素にfloatをnoneしてあげちゃえばOKですわ。ググってもあんま出てこないからこんなミスみんなしないんだろうな。。。