如何獲得選擇退出移動

Question

我有以下情形：

<span> 
     <input checked="checked" id="rad" name="rad" type="radio" value="1" /> Opt1 
     <br /> 
     <input id="rad" name="rad" type="radio" value="2" /> Opt2 
</span> 

<span> 
     <button id="btn">Find</button> 
</span> 

在形式加載，按鈕是不可見的。當用戶點擊選項按鈕（rad）時，btn按鈕變爲可見。

工作完美，只有一個例外。當按鈕出現時，它會使第二行的大小增大，並且opt1和opt2之間的空白區域增加。所以從用戶的角度來看，它看起來像下方的單選按鈕正在移動。

我該如何解決這個問題？

感謝

Answer 1

很難說沒有看到整體佈局。但根據我的理解，我會做出第一個跨度display: inline-block，這將迫使它被視爲一條線上的一個元素。

Answer 2

適當的形式佈局自己的話題：

http://www.alistapart.com/articles/prettyaccessibleforms