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

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

演示

---

或试试这个

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

​</p>

演示 2