右側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 –

回答