无法垂直对齐顶部的两个按钮

Question

在具有一行的表中，其中第一列和第二列分别具有20％和60％的宽度，是第二列的该行中的 html 。有一个浏览按钮和一个提交按钮。我希望他们两个在顶部垂直对齐。我在css中提到了这一点，但我没有看到预期的结果。这可能是什么原因？

Html代码段：

                <form method="post" action="#">
                 <div id="Files_to_be_shared"> 
                       <input type="file" id="File" name="FileTag" />
                       <input type="submit" value="Share" /> 
                 </div>
                </form>

对应的css片段：

#Files_to_be_shared {
    color:#FFEC94;
    vertical-align:top;
}

这是我看到的输出（我已经标记了我希望它放置的位置）：

Answer 1

如果您使用table，请将valign="top"添加到td

＆安培;添加align="center"以将其与td

的中心对齐

<强> DEMO

---

或试试这个

    #Files_to_be_shared {
      color:#FFEC94;
      vertical-align:top; 
      text-align:center 
    }
    td{
     border:1px solid grey; 
     vertical-align:top;
    }

<强> DEMO 2