Html 如何将文本水平居中（h2）？我有问题

由于某些原因，我在网站中以文本为中心时遇到了一些问题。我需要的文字是准确地在网站的中心，无论是计算机和网站

.bg{
背景：url(https://i.imgur.com/HrC81SX.jpg)无重复中心固定；
-webkit背景尺寸：封面；
背景尺寸：封面；
宽度：100%；
身高：100%；
排名：0；
左：0；
位置：固定；
-webkit过滤器：模糊（5px）；
过滤器：模糊（5px）；
}
#cs{
显示：块；
文本对齐：居中；
字体系列：“新罗马时代”；
位置：绝对位置；
颜色：#EFE4D9；
}
#正文{
文本对齐：左对齐；
}

C O M I N G S O N
Soke的电影室正在开发中，请继续关注！C:
-这样的试试这个：

.bg{
背景：url(https://i.imgur.com/HrC81SX.jpg)无重复中心固定；
-webkit背景尺寸：封面；
背景尺寸：封面；
宽度：100%；
身高：100%；
排名：0；
左：0；
位置：固定；
-webkit过滤器：模糊（5px）；
过滤器：模糊（5px）；
z指数：0；
}
#cs{
显示：块；
文本对齐：居中；
字体系列：“新罗马时代”；
位置：相对位置；
颜色：#EFE4D9；
}
#正文{
位置：相对位置；
}

C O M I N G S O N
Soke的电影室正在开发中，请继续关注！C:
-这样就可以完全消除这个位置了，这一个起作用了！只有一行，就是这样！非常感谢。C:为什么在我的回答中投反对票？这个答案怎么了？
.bg { 
    background: url(https://i.imgur.com/HrC81SX.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    background-size: cover;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    -webkit-filter: blur(5px);
    filter: blur(5px);
    z-index:0;
  }

#cs {
    display: block;
    text-align: center;
    font-family: 'Times New Roman';
    position: relative;
    color: #EFE4D9;  
}

#text {
  position: relative;
}