Html 将li中的div对齐为中心

这是小提琴：

我的问题是如何将“something#”列表项对齐为中心和内联。在css中使用

text align:center

可以看到“Hi”标题在中心对齐，但这似乎不适用于列表项

有没有一种纯粹的css方法可以做到这一点，而不必乱搞

、

和

结构，因为我正在使用wordpress的插件，改变这一点会很痛苦

我希望“something#”列表项居中对齐，如果浏览器调整了大小，“something 3”会下拉，但仍然居中，希望这是有意义的

---

谢谢

不要使用

float:left

，只需使用

display:inline块

li {
    display: inline-block;
}

工作演示


。列表持有者{
背景：黑色；
高度：100px；
颜色：白色；
文本对齐：居中；
}
.div列表项{
背景：红色；
颜色：黑色；
左边距：10px；
}
.ul级{
列表样式：无；
填充：0；
}
李{
显示：内联块；
}
a{
显示器：黑色；
}

你好


一点


2点


三点


不要使用
浮点：左
，只需使用
显示：内联块

li {
    display: inline-block;
}

工作演示


。列表持有者{
背景：黑色；
高度：100px；
颜色：白色；
文本对齐：居中；
}
.div列表项{
背景：红色；
颜色：黑色；
左边距：10px；
}
.ul级{
列表样式：无；
填充：0；
}
李{
显示：内联块；
}
a{
显示器：黑色；
}

你好


一点


2点


三点