两个字段集，底部显示内联对齐

Question

我在一个表单中有两个以内联方式显示的字段集。它们彼此相邻，但它们在底部而不是在顶部对齐。它看起来像这样：

这是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>

和css：

fieldset {
    display:inline;
    border:none;
}

Answer 1

添加CSS属性vertical-align: top就可以了。