Mam zestaw pól z polem wprowadzania tekstu z przyciskiem przesyłania. Chcę, aby pojawiły się w jednym wierszu, ale zestaw pól pojawia się w jednym wierszu, a kontynuacja pojawia się w następnym. Oto mój 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>

Wypróbowałem wszystkie kombinacje tworzenia przycisku lub zestawu pól inline, inline-block, float:left, float:right. żaden z nich nie skutkuje tym, czego chcę. Chcę tylko jednego wiersza wyświetlającego oba te elementy. Jak mam to zrobić?

1
John Bernal 28 wrzesień 2012, 06:01

2 odpowiedzi

Najlepsza odpowiedź

Nie wiesz, dlaczego umieściłeś kod w tagu etykiety:

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; }
2
Lowkase 28 wrzesień 2012, 06:23

Albo możesz to zrobić,

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

Albo to,

fieldset{
    display : inline-block;
}​

PRÓBNY

-1
code-jaff 28 wrzesień 2012, 06:22