無法將頂部的兩個按鈕垂直對齊

Question

在具有一行的表格中，第一列和第二列分別具有寬度20％和60％的第二列是第二列的該行中的第一列和第二列。有一個瀏覽按鈕和一個提交按鈕。我希望他們都能在頂部垂直對齊。我已經在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