垂直对齐：中间在我的 div 标签中不起作用答案

【问题标题】：vertical align:middle isn't working in my div tag垂直对齐：中间在我的 div 标签中不起作用
【发布时间】：2013-11-08 18:49:11
【问题描述】：

垂直对齐：中间不起作用我正在尝试使文字 Starbucks Coffee Company 与徽标对齐这里：file:///Users/DD12/Desktop/Nicole's%20website/index.html#

这是 HTML

<html> 
   <body>
     <div class="header">
     <p style="color:#FFF;text-align:center; vertical-align:middle; font-size:45px ; font-
     family:'Franklin Gothic'">Starbucks Coffee Company</p>  </div>
   <body> 
</html>

这是 CSS

.header {
   background-color: #ADB96E;
   vertical-align:middle;
}

【问题讨论】：

仅供参考：我们看不到那个文件。它在您的计算机上。
您好，欢迎来到 Stack Overflow！您帖子中的图片是指向您自己计算机上文件的链接，我们看不到。尝试将其上传到 imgur.com 或其他网站，然后编辑您的问题以使用该链接。具有更多代表的人将编辑您的问题以显示图像。
我知道，在您的代码中看不到您的图片。

标签： html vertical-alignment

【解决方案1】：

“vertical-align”属性只适用于内联元素。

测试这段代码：

.header {
   background-color: #ADB96E;
   vertical-align:middle;
   display:inline-block;
   width: 100%

}

【讨论】：