Html 如何使我的div在CSS中对齐？

这是我的实际部门：

这是Pic1 HTML代码，它将根据数据库循环：

<ul class="productUl">
    <li class="productLi">
        <div class="productItem">
                   <!--my div content-->
        </div>
    </li>
</ul>

但是我发现我的productItem是上下的，不能在同一个位置Y，我知道我可以手动设置位置Y，但是除了设置位置Y，我还能保持它们在位置Y吗？有什么想法吗

这就是我想要的：

---

我相信这会奏效：

.productLi{display:inline；/*或inline block*/}

你的问题显然在别处

---

你能给我们看完整的页面吗？

我建议不要浮动li，而是将其

显示设置为
inline
或
inline block
。您可能还需要为ul设置
空白：nowrap

希望有帮助，
harpax
对不起，我知道有什么问题，我为此编写了错误的循环，我正在循环html的整个路径，而不仅仅是“
”
.productItem{
    width: 15em;
    height: 13.8em;
    text-align:center;
    background-color: red;

}
.productUl{
    width: 750px;
    text-align:center;
    list-style-type:none;
    padding:5px;
    margin: 0;
} 

.productLi{
    width: 15em;
    float: left; 
    padding:0px 5px; 
}