html - リスト要素内のテキストの整列

Question

最初に使用されたいくつかのli要素に問題があります

私は現在、自分のhtmlを持っています

<div class="christmas_links">
    <ul>
        <li>Test</li>
        <li>Test</li>
        <li>Test</li>
        <li>Test</li>
        <li>Test</li>
    </ul>
</div>

私のCSS

.christmas_links{
width:1000px;
margin:0px auto;
padding:0px;
}
.christmas_links ul li{
list-style-type:none;
padding:0px;
margin:0px;
}
.christmas_links li{
float:left;
padding:0px;
margin:0px;
width:200px;
text-align:left;
}

私の問題は、それぞれ 200px に設定された 5 つのアイテムがあるにもかかわらずです。firefox の firebug を使用すると、リストが 1 行下にドロップされ、リストの最後の項目が 1 行下にドロップされる前に、幅が最大 189px になりました。display:inline; を変更する必要がありました。浮かせる:左; アイテムをインラインにする必要があったため、同時にテキストを中央に配置できるようにしました。パディングやマージンが設定されていない 5 つのオブジェクトで 200px を使用すると、行が 1 行に収まらない理由を知っている人はいますか?