Html 努力使我的字体居中

我的字体图标和按钮无法居中。我试着通过CSS文件夹来做，我也试着内联样式。我在下面的例子中都有。有人能告诉我为什么它没有居中，什么是解决这个问题的最佳方法吗

---

您应该将

文本对齐：居中（创建一个？）

并为
创建一个新类以取消设置
位置：绝对
并可能设置一个
右边距
以取消图标和文本的单击
对不起，我没有时间为您创建一个有效的解决方案，但以下是我的想法：

我发现有3个块元素占据了整个屏幕（
，
和
两次）

除此之外，
justify content:center是使用
显示：flex的一部分，只要不添加
显示：flex，它将无效

编辑：
这可能会对您有所帮助：
只需从li中删除
标记，并直接在
标记中使用font-awesome。我还为
标记或fa图标添加了一些填充，这样它就不会随着
文本而崩溃

要使
按钮居中
只需将它们添加到
div
中，并赋予该
div
文本对齐：居中


h2{
文本对齐：居中；
}
p{
文本对齐：居中；
}
ul li.fa{
右侧填充：5px；
}
.中央分区{
文本对齐：居中；
}

很抱歉，此页面正在构建中。
我们建议您尝试以下方法：


检查日期范围并重新调整
通过单击上载数据按钮导入文件





回去
上传数据
fali
类导致问题。因为它包含作为绝对元素的CSS。您只需从
span
标记中删除
fali
类即可。要保留空间，可以添加填充或边距值。下面的代码片段可以帮助您

为了使按钮居中，我用一个
div
来包装按钮，它最初是一个块元素。通过将
text align:center
CSS添加到
div
（block）元素中，可以将子元素（
按钮
）居中


h2{
文本对齐：居中；
}
p{
文本对齐：居中；
}
ul i{
证明内容：中心；
}
钮扣{
辩护内容：中心；
}
ul li>span{
右边距：5px；
}
.btn包装器{
文本对齐：居中；
}

很抱歉，此页面正在构建中。
我们建议您尝试以下方法：


检查日期范围并重新调整
通过单击上载数据按钮导入文件





回去
上传数据
尝试使用flexbox：

ul{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

CSS:

在HTML 4.01中使用
标记：

<center>
    <button class="btn-orange fa-orange">Go Back</button>
    <button class="btn-orange fa-orange">Upload Data</button>
</center>

我在处理django项目时遇到了同样的问题。我所做的只是加入了HTMLdoctype标签，我的图标又回到了中心

您可能想尝试一下
我想将图标与文本居中。请注意，此解决方案不会将按钮居中“居中我的字体很棒的图标和按钮”@dennisvandehoef抱歉，我的坏消息。我已经更新了答案。请检查请注意，此解决方案不居中按钮“居中我的字体图标和我的按钮”
ul{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

h2 {
  text-align: center;
}

p {
  text-align: center;
}

ul{
     display: flex;
     align-items: center;
     justify-content: center;
     flex-direction: column;
}

<center>
    <button class="btn-orange fa-orange">Go Back</button>
    <button class="btn-orange fa-orange">Upload Data</button>
</center>

<div style="text-align: center">
    <button class="btn-orange fa-orange">Go Back</button>
    <button class="btn-orange fa-orange">Upload Data</button>
</div>