Php 如何让第三个盒子在第一个盒子下面而不是在中间？

盒子的图像：

---

我的问题是。如何让第三个框位于第一个框的下方而不是中间，但我还需要所有内容都位于页面的中心

您可以使用flex，也可以更改display属性，因此理想情况下您应该有如下代码

.test li {
       border: 1px solid black;
       /*display: inline-block; change this to block*/
       display: block;
       float: left;
       font-size: 20px;
       list-style-type: none;
       width: 150px;
       height: 150px;
       line-height: 30px;
       padding-left: 1px;
       padding-right: 1px;
       margin: 15px 25px;
       text-align: center;
       border-radius: 5%;
       background-color: rgb(255, 255, 255, 0.9);
    }

试试这个：

.test{
框大小：边框框；
位置：绝对位置；
左：50%；
左边距：-200px；
}
保险商实验室{
位置：相对位置；
}
李测试{
显示：内联块；
边框：1px纯黑；
字体大小：20px；
列表样式类型：无；
宽度：150px；
高度：150像素；
线高：30px；
左侧填充：1px；
右侧填充：1px；
利润率：15px；
文本对齐：居中；
边界半径：5%；
背景色：rgb（255、255、255、0.9）；
}
李：第n个孩子（3）{
显示：块；
左：100px；
底部：200px；
}

测试1
测试2
测试3

如果用滚动条展开，则它们都在同一行上。