如何垂直对齐div内的段落

Question

http://www.gabrielleelizabethstudios.com/GEA_html/thejustingallery.html

我无法自动垂直对齐。我知道我可以添加一个填充底部来手动居中，但我宁愿它自动垂直定位。我该怎么做呢？我需要保持显示：内联块功能。

<div style="width:375px; height 250px; display: inline-block; margin:10px; padding: 0;text-align: center;">          
                <p>title</br></br>     
            text for paragraph goes here</p>
</div>

Answer 1

您必须将vertical-align: middle;设置为.masonry .item {类

.masonry .item {
    height: 250px;
    margin: 10px;
    display: inline-block;
    vertical-align: middle;
    }

并将vertical-align: middle;添加到p元素的父div

<div style="width: 375px; display: inline-block; margin: 10px; padding: 0px; text-align: center; vertical-align: middle;">

Answer 2

您可以为段落标记使用CSS类，如下所示：

.p {
    padding-left:40px;
}