中心文本第二行推了过来

Question

在我的网站上我在中间有一个内容框，我有两行居中文本。尽管有居中的标签，但第二个似乎被推翻了。我突出显示了此图片中的文字：

我的代码如下：

<div id="welcomeText">
                <center>
                    <h2>Bitcoin payments made easy.</h2>
                    <h3>Our services make it easier
                    <br>to start accepting Bitcoin.</h3>
                </center>
            </div>

我的CSS如下：

#welcomeText {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
#welcomeText h2 {
    color: #fff;
    font-family: "PT Sans";
    font-weight: 700;
    font-size: 35px;
}
#welcomeText h3 {
    color: #fff;
    font-family: "PT Sans";
    font-weight: 400;
    font-size: 20px;
}

我需要弄清楚如何完全集中它。

谢谢。

编辑： 我通过将其设置为内联块并将其向左浮动来解决问题，我认为它与我的导航栏冲突。感谢所有帮助过的人。