中心类型准确地在我的标题div中

Question

我目前遇到一些问题，试图找到一种方法来将这个h2集中在一个名为headline-services的div类中。

我有一个text-align：center;应用于我的h2（仅）允许文本在（文本）中居中，并且它不在div框中居中文本。我想要实现的是将白色文本放在绿框的中心。

//注意//

文字可能看起来居中但却不准确...... 我已经在h2类中应用了一个填充顶部，它允许它向下移动到盒子的中心但是正如我之前提到的，这不是一个准确的方法来将这个h2集中在div中。

http://kapena.github.io/pp_web/

.plumbing-repairs{
font-family: Avenir;
padding-left: 20px;
padding-right: 20px;
font-size: 50pt;
color: white;
margin: 0px;
text-align: center;
padding-top: 55px;
} 

Answer 1

您可以将以下CSS行添加到要垂直居中的元素中;

position: relative;
top: 50%;
transform: translateY(-50%);

Reference

另外，为清楚起见，text-align:center;仅适用于水平居中。