Question

我想将此文本垂直居中于p。

这就是我现在所拥有的：

<p style="text-align: center;  vertical-align: middle; font-size: 15px; color: #ffffff;">GET FREE TIPS TO CREATE A LIFE YOU LOVE</p>

文本显示在顶部，而不是可用空间的中间。这是现场示例 - travelersuniverse.com

谢谢！

编辑：我不明白为什么当我需要的是一个量身定制的解决方案时，这被标记为在其他地方得到了回答。是的，我读了其他帖子但是对我来说没用。通过降级我的问题，你只能阻止其他人帮助。

Answer 1

使用以下css：

.panel-grid-cell {
    display: inline-block;
    float: none !important;
    vertical-align: middle;
}

但是，不要推荐!important然后删除以下css：

#pg-10-0 .panel-grid-cell, #pg-10-1 .panel-grid-cell {
    float: left;
}

注意：并发布下次有问题的整个代码有问题。不仅仅是某些部分。

您已将中心添加到错误的位置添加到此处。

修改

<div class="panel-grid-cell centered" id="pgc-10-0-0"> <div class="so-panel widget widget_black-studio-tinymce widget_black_studio_tinymce panel-first-child panel-last-child" id="panel-10-0-0-0"> <div class="textwidget"> <p class="" style="font-size: 15px; text-align: center; color: #ffffff;">GET <em>FREE</em> TIPS TO CREATE A BLOG & LIFE YOU LOVE</p> </div></div></div>

使用CSS在p中垂直居中文本

1 个答案: