Javascript 标题HTML/CSS下的中心字幕

正如标题所述，我需要在标题下居中放置一个潜台词。目前，潜台词偏离中心，比我想象的要低。如何调整字幕的位置

我对web开发还不熟悉，所以可能有一些明显的地方我没有。请参阅我尝试的代码和

桅顶{ 位置：绝对位置； 最高：50%； 左：50%； 转化：translateX-50%translateY-50%； } .桅顶h1{ 颜色：F9F1F1； 字体系列：“无衬线工作”，无衬线； 字号：108px； } .桅顶{ 颜色：FFF； 文本对齐：居中； 字体系列：“开放式Sans”，无衬线； 字体大小：32px； } 标题 副标题

请尝试以下css：

---

在css中尝试此代码

text-align: center;

---

您只需在CSS中添加以下内容：

.masthead p{
    text-align: center;
}

CSS中的上述更改将把副标题安排在中间，但以下代码是您需要的，我想，我已经更改了该部分的背景，您可以将其更改回您可能需要的任何内容：

.桅顶h1{ 颜色：F9F1F1； 字体系列：“无衬线工作”，无衬线； 字号：108px； 保证金：0； } .桅顶{ 颜色：FFF； 字体系列：“开放式Sans”，无衬线； 字体大小：32px； } .科{ 背景色：000； 文本对齐：居中； 垫面：5em； } 标题 副标题

---

按代码段在此处共享您的代码。您的代码段中有一个错误，由于位置：绝对位置，该部分未达到完整高度和宽度；当前版本的代码段将两条线都居中，因此还不完全清楚问题所在。如果答案解决了您的问题，请将此作为答案@Nobetrotter接受

.masthead p{
    text-align: center;
}