html - 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>

我已经尝试了使按钮或字段集内联、内联块、float:left、float:right 的所有组合。他们都没有得到我想要的。我只想要一行显示这两个元素。我该怎么做呢？

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;
}​

演示