How to convert HTML structure into HTML5

I wonder how to reorganize the following html structure into HTML5 structure Semantically ? I'm thinking to place in section, figure and dl but no idea how to organize it correctly. Hope someone experience with HTML 5 semantic structure can show me the correct way. Thanks.

<div class="product-list">
  <h1>Product Category A</h1>
  <div class="item odd">
    <div class="inner">
      <div class="image"><a href="image.jpg"><img src="img/product.jpg"></a></div>
      <div class="title">Product 1
        <span>Sub title 1</span>                
      </div>
      <div class="desc">
        <div class="col-left">Lorem ipsum</div>
        <div class="col-right">Price: 50</div>
      </div>
    </div>
  </div>
  <div class="item even">
    <div class="inner">
      <div class="image"><a href="image.jpg"><img src="img/product.jpg"></a></div>
      <div class="title">Product 2
        <span>Sub title 2</span>                
      </div>
      <div class="desc">
        <div class="col-left">Lorem ipsum</div>
        <div class="col-right">Price: 70</div>
      </div>
    </div>
  </div>
  <div class="item even">
    <div class="inner">
      <div class="image"><a href="image.jpg"><img src="img/product.jpg"></a></div>
      <div class="title">Product 3
        <span>Sub title 3</span>                
      </div>
      <div class="desc">
        <div class="col-left">Lorem ipsum</div>
        <div class="col-right">Price: 20</div>
      </div>
    </div>
  </div>
</div>