"float: left" richtig genutzt?!?

[Klaus B.]

<div class="box">
<a href="link.php">menüpunkt1</a>
<a href="link.php">menüpunkt2</a>
<a href="link.php">menüpunkt3</a>

<br class="clear" />

<a href="link.php">menüpunkt4</a>
<a href="link.php">menüpunkt5</a>
<a href="link.php">menüpunkt6</a>
</div>

[css]
div.box {
background-color: #194462;
color: #F5F5F5;
margin-top: 5px;
}
div.box a {
display: block;
float: left;
width: 100px;
color: #F5F5F5;
text-decoration: none;
text-align: right;
padding-left: 10px;
}
div.box a.clear {
clear: both;
}

so sollte es funtionieren.

MfG
Klaus