html - 底部显示内联对齐的两个字段集

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就可以了。