Html 如何将CSS中的左浮动项居中？

我的CSS文件中有下面的代码，这导致我的网格/框项目显示在网页的左侧。但是我希望他们能居中。我试着去掉浮子；左图和许多备选方案，但都不起作用。我可以从下面添加/删除什么以使其居中

网格：

和XX>LI:

display: block;
margin-bottom: 3px;
margin-top: 0px; 
overflow:hidden

---

除非您希望使用flex Box（这使它变得非常简单），否则我通常会尝试以下方法。正是

margin:9px auto

与

float:none

组合实现了以下功能：

.centred{
    display:block;
    float:none;
    /* a combination of float:none and left/right margin of auto */
    margin:9px auto;

    width:170px;
    height:235px;
    background:#f4f4f4;
    border:1px solid #dedede;
    padding:4px;
    border-radius:4px;
    text-align: center;


    margin-bottom:20px;
    position:relative;
    box-sizing:content-box;
}

---

如果我理解您的要求，您应该删除元素上的

浮点：left

，并将

显示：内联块

，然后将

文本对齐：居中

放在容器上

---

如果您只需访问html

<center>text</center>

加

display: inline-block; 
text-align: center;

---

你真的应该提供一些HTML，这个问题与PHP有什么关系？@sam请用

center

标记做一个演示。不推荐使用，你应该始终使用css来设计样式，而不是HTML！我尝试了以上所有方法，但都失败了。该页面在PC上显示得很好，但在手机上查看时会向左漂移，我真的希望它居中。这是索引页上的HTML:

@Mattia Nocerino，不管是否已弃用，它仍在所有浏览器上运行。是的，例如

marquee

标记，但是你不应该在新项目中使用这些标签，因为你不知道新的兄弟会如何对待旧的标签。我不得不同意。我想我是老派：）

float: left;

display: inline-block; 
text-align: center;