今回の商品リストを作成する際liタグを使用していますが、liタグを使用しなくてもclassタグで囲い作成することも出来るのではないかと思います。下記のような形です。

<div class="kagu">
  <a href="#">
    <img src="img/pic1.png " alt="素敵な家具">
    <h2>素敵な家具</h2>
    <p>20,000円</p>
  </a>
</div>

実際の現場ではliを使用することが多いのでしょうか？ご回答よろしくお願いします。