css - 垂直对齐跨度到 A

Question

我正在尝试设置文件类型的输入：http: //codepen.io/mdmoura/pen/njAgJ

我使用的 HTML 标记如下：

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

内部跨度（红色）用于显示所选文件（使用 JQuery）。

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

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

有人可以帮我吗？

谢谢你，米格尔

Answer 1

您可以display:table-cell同时使用<a>和<span>。