Html 如何将列表项中的文本水平居中对齐

我正在一个摄影网站上设计一个登陆页面。目前有六个列表项，每个列表项中包含h3文本。我无法将h3文本水平居中于每个li中

因为我有位置：绝对；，我已经重新声明宽度：100%；。这似乎有助于稍微更改对齐方式，但在指定text align:center；时不会居中

.p节{
最大宽度：1920像素；
保证金：0自动；
填充：1%2%；
}
p网格{
利润率：20px0；
填充：0；
列表样式：无；
显示：块；
文本对齐：居中；
宽度：100%；
/*边框：3个蓝色虚线*/
}
.p-grid：之后{
明确：两者皆有；
}
.p-grid:之后，.p-grid:之前{
内容：''；
显示：表格；
}
李国宝{
宽度：200px；
高度：200px；
显示：内联块；
利润率：20px；
/*边框：2倍纯红*/
}
p盒{
宽度：100%；
身高：100%；
位置：相对位置；
光标：指针；
边界半径：5px；
-webkit转换：0.3s易入易出，
-webkit转换0.3易用性输入输出；
-moz转换：0.3s易入易出，
-moz变换0.3易入易出；
过渡：0.3s缓进缓出，
转换0.3s易入易出；
}
.p-box:悬停{
转换：标度（1.05）；
}
.p-cov1{
背景：线性梯度（rgba（0,0,0,0.5），rgba（0,0,0,0.10）），
url（../Photo_Files/Photography/mj cover.jpg）；
}
.p-cov2{
背景：线性梯度（rgba（0,0,0,0.50），rgba（0,0,0,0.10）），
url（../Photo_Files/Photography/lp cover.jpg）；
}
.p-cov3{
背景：线性梯度（rgba（0,0,0,0.50），rgba（0,0,0,0.10）），
url（../Photo_Files/Photography/pp cover.jpg）；
}
.p-cov4{
背景：线性梯度（rgba（0,0,0,0.50），rgba（0,0,0,0.10）），
url（../Photo_Files/Photography/la cover.jpg）；
}
.p-cov5{
背景：线性梯度（rgba（0,0,0,0.50），rgba（0,0,0,0.10）），
url（../Photo_Files/Photography/an cover.jpg）；
}
.p-cov6{
背景：线性梯度（rgba（0,0,0,0.50），rgba（0,0,0,0.10）），
url（../Photo_Files/Photography/se cover.jpg）；
}
.p-info{
位置：绝对位置；
宽度：继承；
身高：继承；
}
.p-info h3{
字体系列：“轻歌剧8”，衬线；
字体大小：400；
颜色：#E0；
字体大小：20px；
利润率：0.10px；
填充：80px 5px 0 5px；
文本对齐：居中；
文本转换：大写；
宽度：100%；
}

在这个过程中，您已经清理了一点，欢迎使用堆栈溢出，干杯

.p-grid{
最大宽度：1920像素；
保证金：0自动；
填充：1%2%；
填充：0；
列表样式：无；
文本对齐：居中；
/*边框：3个蓝色虚线*/
}
.p-grid li{
显示：内联块；
利润率：20px；
垂直对齐：顶部；
/*边框：2倍纯红*/
}
.p-cov1{
背景：线性梯度（rgba（0,0,0,0.5），rgba（0,0,0,0.10）），
url（../Photo_Files/Photography/mj cover.jpg）；
}
.p-cov2{
背景：线性梯度（rgba（0,0,0,0.50），rgba（0,0,0,0.10）），
url（../Photo_Files/Photography/lp cover.jpg）；
}
.p-cov3{
背景：线性梯度（rgba（0,0,0,0.50），rgba（0,0,0,0.10）），
url（../Photo_Files/Photography/pp cover.jpg）；
}
.p-cov4{
背景：线性梯度（rgba（0,0,0,0.50），rgba（0,0,0,0.10）），
url（../Photo_Files/Photography/la cover.jpg）；
}
.p-cov5{
背景：线性梯度（rgba（0,0,0,0.50），rgba（0,0,0,0.10）），
url（../Photo_Files/Photography/an cover.jpg）；
}
.p-cov6{
背景：线性梯度（rgba（0,0,0,0.50），rgba（0,0,0,0.10）），
url（../Photo_Files/Photography/se cover.jpg）；
}
p盒{
显示器：flex；
对齐项目：居中；
证明内容：中心；
宽度：200px；
高度：200px；
字体系列：“轻歌剧8”，衬线；
字体大小：400；
颜色：#E0；
字体大小：20px；
文本转换：大写；
文字装饰：无；
光标：指针；
边界半径：5px；
-webkit转换：转换0.3s轻松输入输出；
转换：转换0.3s轻松输入输出；
}
.p-box:悬停{
转换：标度（1.05）；
-webkit转换：规模（1.05）；
}

我需要调整三件事

从继承到100%以占用所有可用空间

.p-info{ 位置：绝对位置； 宽度：100%； 身高：100%； }

删除了h3中的额外填充，并将边距更改为0自动

.p-info h3{ 字体系列：“轻歌剧8”，衬线； 字体大小：400； 颜色：#E0； 字体大小：20px； /利润率：0.10px/ 保证金：0自动； /填充：80px 5px 0 5px/ 填充：80px0px0px； 文本对齐：居中； 文本转换：大写； 宽度：100%；}

.p节{
最大宽度：1920像素；
保证金：0自动；
填充：1%2%；
}
p网格{
利润率：20px0；
填充：0；
列表样式：无；
显示：块；
文本对齐：居中；
宽度：100%；
/*边框：3个蓝色虚线*/
}
.p-grid：之后{
明确：两者皆有；
}
.p-grid:之后，.p-grid:之前{
内容：''；
显示：表格；
}
李国宝{
宽度：200px；
高度：200px；
显示：内联块；
利润率：20px；
/*边框：2倍纯红*/
}
p盒{
宽度：100%；
身高：100%；
位置：相对位置；
光标：指针；
边界半径：5px；
-网