在我的设计中，每个产品都是这样列出的

<div class="col-md-3 special-products-grid text-center">
                        <a class="brand-name" href="single-page.html"><img src="images/b2.jpg" title="name" /></a>
                        <a class="product-here" href="single-page.html"><img src="images/p2.jpg" title="product-name" /></a>
                        <h4><a href="single-page.html">Line Link 67009</a></h4>
                        <a class="product-btn" href="single-page.html"><span>109.90$</span><small>GET NOW</small><label> </label></a>
                    </div>

在woocommerce插件中，该产品以ul和li格式列出。我是如何解决这个问题的，因为我在woocommerce商店页面中将css设置为div，而它以ul列出。