Css 将跨度垂直对齐到

我正在尝试设置文件类型输入的样式：

我使用的HTML标记如下所示：

<span class="file">
  <a href="#">browse<input type="file" name="annex"/></a>                 
  <span>path</span>
</span>

路径

内部范围（红色）用于显示所选文件（使用JQuery）

问题是我无法将红色跨度与浏览“按钮”垂直对齐

我尝试了其他的选择，但我总是以某种问题结束

谁能帮我一下吗

谢谢,，

---

Miguel

您可以对

和

使用

display:table cell

，垂直对齐是什么意思？你想让底部对齐吗？顶部要对齐吗？要对齐的文本？也许一张展示你正在努力实现的图片可以帮助我们理解你的问题。您好，我希望文本对齐。。。就像这样：codepen.io/mdmoura/pen/wIBdn。问题在于使用“显示：表格单元格”时，它会使浏览窗口在我单击页面时打开，而不仅仅是在“浏览”按钮上。您的解决方案有一个问题：现在我可以在单击“浏览”按钮时单击任何位置：。我以前试过你的方法，但那是我遇到的问题。