在HTML和CSS中用作按钮的居中文本

我想把文本放在p元素的中心，但我不知道怎么做

这是我的HTML代码

.header{
宽度：100%；
高度：320px；
背景色：#584F52；
颜色：#CEC7C9；
文本对齐：居中；
字体系列：“世纪哥特式”；
}
.标题文本{
填充顶部：30px；
字体大小：150px；
}
a{
文字装饰：无；
颜色：#CEC7C9；
}
.收割台支架{
字体大小：25px；
填充顶部：0px；
垫底：20px；
}
.按钮{
宽度：70px；
背景色：#CEC7C9；
颜色：#584F52；
}
p{
文本对齐：居中；
}

标题
对标题的支持
按钮

首先，p标签代表段落。在按钮中，您没有段落，只有文本。 所以你不应该使用p标签

<div class="nav"><div class="button">button</div>

.button{
    width: 70px;
    background-color: #CEC7C9;
    color: #584F52;
    text-align: center;
 }

按钮
.按钮{
宽度：70px；
背景色：#CEC7C9；
颜色：#584F52；
文本对齐：居中；
}

首先，p标签代表段落。在按钮中，您没有段落，只有文本。 所以你不应该使用p标签

<div class="nav"><div class="button">button</div>

.button{
    width: 70px;
    background-color: #CEC7C9;
    color: #584F52;
    text-align: center;
 }

按钮
.按钮{
宽度：70px；
背景色：#CEC7C9；
颜色：#584F52；
文本对齐：居中；
}

试试这个：

添加边距：0自动；按钮类

.header{
宽度：100%；
高度：320px；
背景色：#584F52；
颜色：#CEC7C9；
文本对齐：居中；
字体系列：“世纪哥特式”；
}
.标题文本{
填充顶部：30px；
字体大小：150px；
}
a{
文字装饰：无；
颜色：#CEC7C9；
}
.收割台支架{
字体大小：25px；
填充顶部：0px；
垫底：20px；
}
.按钮{
宽度：70px；
背景色：#CEC7C9；
颜色：#584F52；
保证金：0自动；
}
p{
文本对齐：居中；
}

对标题的支持
按钮

试试这个：

添加边距：0自动；按钮类

.header{
宽度：100%；
高度：320px；
背景色：#584F52；
颜色：#CEC7C9；
文本对齐：居中；
字体系列：“世纪哥特式”；
}
.标题文本{
填充顶部：30px；
字体大小：150px；
}
a{
文字装饰：无；
颜色：#CEC7C9；
}
.收割台支架{
字体大小：25px；
填充顶部：0px；
垫底：20px；
}
.按钮{
宽度：70px；
背景色：#CEC7C9；
颜色：#584F52；
保证金：0自动；
}
p{
文本对齐：居中；
}

对标题的支持
按钮

添加

页边距：0自动到您的
按钮
类

此外，文本不需要在
中添加
标记。
添加
边距：0自动到您的
按钮
类

另外，文本中不需要
标签。
您可以使用

p{ width:100%;  text-align:center;}

或

它们都可以工作，并且不会干扰其他元素。
您可以使用

p{ width:100%;  text-align:center;}

或

它们都可以工作，并且不会干扰其他元素。
您所做的一切都是正确的，但是您为按钮指定了固定宽度。只需将css for button类替换为以下内容：

.button{
width: 100%;
background-color: #CEC7C9;
color: #584F52;
margin: 0 auto;
}

这将与您想要的一样工作。
您所做的一切都是正确的，但您为按钮指定了固定宽度。只需将css for button类替换为以下内容：

.button{
width: 100%;
background-color: #CEC7C9;
color: #584F52;
margin: 0 auto;
}

这将与您想要的一样工作。
在下面的css类
中。按钮
只需添加
显示：内联块
将解决此问题，您也可以复制并通过下面的代码

.button{
 width: 70px;
 background-color: #CEC7C9;
 color: #584F52;
 display: inline-block;
}

在下面的css类
。按钮中
只需添加
显示：内联块
将解决此问题，您也可以复制并通过下面的代码

.button{
 width: 70px;
 background-color: #CEC7C9;
 color: #584F52;
 display: inline-block;
}

将新的
样式添加到
div.button
中，如下所示：

.button {
  display: table;
  margin: 0 auto;
}

并修改
p
的样式，如下所示：

p {
  margin: 0 auto;
}

您可以参考。
将新的
样式添加到
div.按钮中，如下所示：

.button {
  display: table;
  margin: 0 auto;
}

并修改
p
的样式，如下所示：

p {
  margin: 0 auto;
}

您可以参考。
删除
标记，然后将
文本对齐：居中添加到
div.button
。另外，您缺少
div.nav
的关闭
。请查看并删除
标记，然后将
文本对齐：居中添加到
div.button
。另外，您错过了
div.nav
的结束语
。请看，我要感谢各位回答我的问题。非常感谢你们！我要感谢大家回答我的问题。非常感谢你们！