调整div中的文本时出现CSS问题

Question

此处的图片标题为“账户和持有披露穿越白线而DRF高于白线...

如何使用css将文本放在行上方。

Html代码

         <div class="tabs">
            <img src="images/disclosure.png" />
            Accounts and Holdings Disclosure</div>
        <div class="tabs">
            <img src="images/drf.png" />
            DRF</div>

Css是

.tabs
{
height: 85px;
border-bottom: 1px solid #fff;
text-align: center;
color: #fff;
padding-bottom:7px;
}
.tabs img
{
display: block;
margin-left: auto;
margin-right: auto;
height: 70px;
margin-top: 5px;
}

Answer 1

你应该写：

.tabs {
  height: auto;
}

Answer 2

第一个块中没有足够的splace来应用填充。 .tabs的高度为85px，图像高度为70px，顶部边距为5px。因此，文本的剩余垂直空间仅为10px，并且添加了7px的填充。

我认为你需要缩小图像的大小。

Answer 3

应该是：

.tabs {
   height: 90px;
}