有没有办法让html列表像这样

Question

我正在创建一个拖放座位计划。我一直在做各种各样的操作列表看起来像这样：

目前看起来像这样：

我该如何扭转呢？我希望老师觉得他只是面对全班。这可能吗？先感谢您！

styles.css的

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;

}
ul {
    list-style-type:none;
    width:500px;
}
#contentLeft li {
    list-style: none;
    width: 78px;
    height: 78px;
    background-color:#2a70db;
    border: #CCCCCC solid 1px;
    color:#fff;
    float:right;
    margin: 3px 2px 0 0;
    padding: 5px 5px 5px 5px;
}

Answer 1

您可以使用css选择器。在你的情况下，第3个元素应该在一个新行上，这样你就可以清除浮动。

代码将是这样的：

li:nth-child(3) {
    clear: both;
}