1

テキスト入力ボックスと送信ボタンのあるフィールドセットがあります。それらを1行に表示したいのですが、フィールドセットが1行に表示され、次に継続が表示されます。これが私の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 にするすべての組み合わせを試しました。それらのどれも私が望む結果にはなりません。これらの要素の両方を表示する単一の行が必要です。どうすればこれを行うことができますか？

4

2 に答える 2

2

コードを label タグでラップした理由がわかりません:

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; }
于 2012-09-28T02:23:51.133 に答える
-1

あなたはこれを行うことができます。

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

デモ

于 2012-09-28T02:22:03.443 に答える