无法居中文字

Question

我的问题是我的文字不会完全居中。我该如何解决？我仍然想在中心上下移动。

<center>
    <div class="home-text">
        <div class="col-md-6 col-md-offset-3">
            <h1 class="home-title bounceInUp animated">NAME</h1>

            <h2 class="home-desc bounceInUp animated">HTML, CSS, JavaScript, Python</h2>
        </div>
    </div>
</center>

.home-text {
    position: absolute;
    left: 50%;
    top: 45%;
    color: rgb(255, 255, 255);
}

Answer 1

从left:50%移除.home-text并添加此CSS：

h1, h2 {
  text-align: center;
}

Answer 2

使主文本宽度为100％，显示块和文本对齐中心。

删除左侧位置，您可以使用位置相对或设置左侧0和右侧0。