右侧html中的两行按钮不会中断左侧

我试图制作一个菜单，由我的网页上的四个按钮组成，我想在顶部有两个按钮，底部有两个按钮。我有以下的CSS代码：右侧html中的两行按钮不会中断左侧

.navButton { 
padding: 3%; 
float:right; 
background:#C0C0C0; 
margin-left:1%; 
margin-right:1%; 
}

，然后用BR使第二两支队伍降级，但随后打乱页面的左边的一切。我怎样才能让4个同样大小的按钮均匀地坐在右上角。现在因为单词的大小略有不同，按钮有点不同，我会喜欢它们完全相同。

谢谢！

2012-05-29 clifgray

可为什么不直接设置字体大小为他们创建的http://jsfiddle.net – sandeep

一个例子，如果它的显示方式，您现在想 – zaw

这里是一个链接到一个例子：http：//jsfiddle.net/CYjqS/ – clifgray

尝试this。

我刚刚做到了。

只需查看源代码并复制HTML + CSS即可。

2012-05-29 06:17:51

这是在jsFiddle相同：http://jsfiddle.net/MpgdS/ –

没关系，太棒了！现在我右上角的按钮实际上是一个图像有无论如何，我可以使所有的按钮平方大约两倍？ – clifgray

我正在处理它：http://shaquin.tk/experiments/menu3.html –

尝试这两后标签进入

<div style="clear:right"></div>

，并删除BR标签。

2012-05-29 05:51:47

这样做对齐他们的技巧，但仍然留下标题全部下面 – clifgray

后的两个标签插入此：

<div style="clear:both"></div>

2012-05-29 08:14:46 RSM

你能详细解释一下这个问题吗？给一些代码行会导致误解。 TNX –

回答