CODEWITHSUNDEEP
htmlcss
Veltar
Veltar

Reputation: 741

two fieldsets with display inline aligning on bottom

I have two fieldsets in one form who are displayed inline. They appear next to each other, but they are aligned at the bottom rather than at the top. It looks like this:

enter image description here

This is the html:

<form action='php/register.php' method='post'>
    <fieldset>
        <label for='txtfirstName'>Voornaam*</label>
        <input id='txtfirstName'  name='firstname' type='text' value='$firstname'>
    </fieldset>
    <fieldset>
        <label for='txtfirstName'>Voornaam*</label>
        <input id='txtfirstName'  name='firstname' type='text' value='$firstname'>
    </fieldset>
</form>

And the css:

fieldset {
    display:inline;
    border:none;
}

Upvotes: 1

Views: 4014

Answers (1)

Adam C
Adam C

Reputation: 3911

Adding the CSS property vertical-align: top works just fine.

Upvotes: 3

Related Questions