Html 如何将h2元素与p元素居中

我的问题是h2元素（介绍和技能）如何不以中心为中心。如果您能帮助我将

元素也放在中心位置，也会有所帮助。另一件事是我不明白为什么即使

元素看起来对齐的数量相同，但它们对齐的数量却不同（p第一和p第二）

标题{
背景:#062554 ;；
颜色：白色；
垫底：10px；
填充顶部：10px；
文本对齐：居中；
}
收割台h1跨度{
显示：内联块；
填料顶部：0.1米；
垫底：0.1米；
左侧填充：0.5em；
右侧填充：0.5em；
边框：白色固体10px；
边界半径：10px；
}
h3{
字体大小：40px；
}
h1{
字体大小：90px；
}
保险商实验室{
字体大小：25px；
}
ul#菜单li{
显示：内联；
}
导航a，
导航a：已访问{
颜色：#fff；
}
选择导航a，
导航a：悬停{
颜色：#F4；
}
p{
字体大小：20px；
字体系列：Verdana；
背景:#062554 ;；
颜色：白色；
边框：黑色隐藏10px；
边界半径：10px；
边框宽度：10px；
}
首先{
宽度：690px；
文本对齐：居中；
证明内容：中心；
}
.主航向{
填充顶部：20px；
位置：相对位置；
}
海德特克斯特先生{
文本对齐：居中；
}
p#秒{
宽度：690px；
文本对齐：居中；
证明内容：中心；
保证金：0自动；
}
#生物文本{
保证金：0自动；
}

PlayOnPlayuh
网站开发者和创业者





介绍
您好
技能
我的主要web开发工具是HTML和CSS（中级）、Javascript（中级）、BootStrap 4（新手）以及作为代码编辑器的记事本和括号

您可以使用css：

h1, p {text-align:center;}

或者将h1和p标签放在中心标签内，您可以使用css：

h1, p {text-align:center;}

---

或者将h1和p标记放在中心标记内

文本对齐：中心
的问题在于它在元素本身的边界内工作。
在您的示例中，元素首先没有在页面中居中，因此
text align:center
不起作用。我强烈建议使用Chrome开发工具来理解页面中元素的布局

无论如何，为了解决您的问题，我使用了
margin:0 auto
将元素居中。
另外，我注意到您使用了
左
/
右
和相对定位来居中元素，我不建议这样做

请参见此处的最终解决方案：。
文本对齐：中心的问题在于它在元素本身的边界内工作。
在您的示例中，元素首先没有在页面中居中，因此
text align:center
不起作用。我强烈建议使用Chrome开发工具来理解页面中元素的布局

无论如何，为了解决您的问题，我使用了
margin:0 auto
将元素居中。
另外，我注意到您使用了
左
/
右
和相对定位来居中元素，我不建议这样做

请参见此处的最终解决方案：。
.headertekst{
宽度：650px；
位置：相对位置；
文本对齐：居中；
右：-691px；
}

段落位置在右侧，标题宽度100%在中间，因此标题不在段落对齐中心{
宽度：650px；
位置：相对位置；
文本对齐：居中；
右：-691px；
}

段落位置在右侧，标题宽度100%在中间，因此标题不在段落对齐中心。
在HTML5中被弃用。
在HTML5中被弃用：。请参阅：请参阅：