html - 为什么按钮不在同一层？

Question

<table>
    <tr>
        <td><form name="profiel" action="profiel.php"><input class="button2" type="submit" value="Jens Boonen" /></form></td>
        <td width="94%"><form name="zoeken" action="zoeken.php"><input type="submit" class="button2" value="Zoeken"> </form></td>
        <td><form name="loguit" action="loguit.php"><input class="button2" type="submit" value="Log-Out" /></form></td>
    </tr>
</table>

为什么按钮不在同一层？

根据 CSS 的要求:

.button2 {
    background-color:black;
    display:block;
    line-height:200%;
    text-transform: lowercase;
    font-variant: small-caps;
    font-size: 20px;
    font-weight: 300;
    text-decoration: none;
    color: white;
    margin:0.5%;
    border:1px solid white;
}

所有 3 个按钮都是“button2”，“zoeken”和“log out”在同一级别(图中未显示注销)，但名称栏(在本例中为 Jens Boonen)不是

Answer 1

去掉margin: 0.5%，第二个输入的末尾好像少了一个/。

看看这个 JSFiddle .