Html 无法移动带有边距或leftxx的框

我不熟悉html和css，几天内就创建了一个网站，但在这个过程中我遇到了这个问题——我无法将其移动到中心，我尝试使用

left:50%还是什么都没有。简而言之，我正试图将整个联系人（包括标题）移回中心。
[举例]：



我无法将html和css脚本放入其中，因为它说它是垃圾邮件，所以它位于pastebin上：

HTML:

CSS:
添加：

transform:translateX(-50%);

到你想要处于中间的元素。
中没有显示，因为<代码>左：50%；<代码>将元素放置在离屏幕左侧50%的位置。所以实际上不是在中间。
添加时：
transform:translateX（-50%）对于需要在中间的元素，它占用了该元素的一半宽度并将其放置在中间。
 可以使用：

left: 50%;
transform: translateX(-50%);

或

或者创建父div并为其添加样式

width: 100%;
display: flex;
justify-content: center;

width: 100%;
display: flex;
justify-content: center;