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

HTML显示字段集和按钮内联

2 个答案: