HTML显示字段和按钮嵌入

Question

我有一个带有文本输入框的字段集，带有一个提交按钮。我希望它们出现在单行中，但字段集出现在一行中，然后继续出现在下一行中。这里是我的html：

<label><fieldset class="registration_code"> 
    <legend>Registration Code</legend> 
    <input type="text" name="regis_code" id="regis_code"/> 
</fieldset> 
    <input type="button" class="button2" name="Submit" value="Continue"/> 
</label> 

我试图使按钮或字段集内联，内联块，浮的所有组合：左，浮动：正确的。他们中没有一个导致我想要的。我只想要一行显示这两个元素。我如何去做这件事？

Answer 1

不知道为什么你包裹在一个标签标记代码：

http://jsfiddle.net/hyxaK/1/

<fieldset class="registration_code"> 
    <legend>Registration Code</legend> 
    <input type="text" name="regis_code" id="regis_code"/> 
</fieldset> 
<input type="button" class="button2" name="Submit" value="Continue"/> 

.registration_code { display:inline-block; } 

Answer 2

要么你能做到这一点，

<label> 
    <fieldset class="registration_code"> 
    <legend>Registration Code</legend> 
    <input type="text" name="regis_code" id="regis_code"/>  
    <input type="button" class="button2" name="Submit" value="Continue"/> 
    </fieldset> 
</label>​ 

或此，

fieldset{ 
    display : inline-block; 
}​ 

DEMO