Html 使用display:inline table向下移动第二个内联框

Html 使用display:inline table向下移动第二个内联框,html,css,Html,Css,我对CSS、HTML和任何其他与UI相关的技术都很陌生,所以如果这个问题不聪明,请接受我的道歉 我希望多个背景图像可以点击,中间有文本(水平和垂直)。 我有如下Html代码: <a href="www.mydoamin.com" class="div_a"> <span class="wrapper"> <span class="div_txt">Contentdas asd ad adasd asd asdad </span>

我对CSS、HTML和任何其他与UI相关的技术都很陌生,所以如果这个问题不聪明,请接受我的道歉

我希望多个背景图像可以点击,中间有文本(水平和垂直)。 我有如下Html代码:

<a href="www.mydoamin.com" class="div_a">
    <span class="wrapper">
      <span class="div_txt">Contentdas asd ad adasd asd asdad </span>
    </span>
</a>
<a href="www.mydoamin.com" class="div_a">
    <span class="wrapper">
      <span class="div_txt">Content</span>
    </span>
</a>
正如你所看到的,除了第一个框的内部文本超过一行时,第二个框放错了位置外,其他一切听起来都很好

我错过什么了吗


提前感谢您的帮助。

设置为
内联表的元素只需将其垂直对齐设置为
基线的默认值以外的值即可:

vertical-align: middle;

vertical-align: middle;