hProduct Example of the Day: Gordon Ramsay

Today’s example of the day is visually presented like this:

<div class="hlisting">
	<div class="item hproduct">
		<ol>
			<li class="lister vcard"><a class="url fn" href="http://storename.com">Magers and Quinn</a></li>
			<li class="category"><a href="http://storename.com/categories/books">Books</a></li>
			<li class="category"><a href="http://storename.com/categories/cooking">Cooking</a></li>
			<li class="category"><a href="http://storename.com/categories/quick-easy-cooking">Quick and Easy Cooking</a></li>
			<li>Gordon Ramsay's Fast Food</li>
		</ol>
		<div class="leftcol">
			<img src="http://images.storename.com/products/ramsay-fast-food.jpg" class="photo" alt="gordan ramsay fast food book" />
			<p><span class="condition">New:</span> <span class="price">$27.99</span></p>
			<p>Pub price: $35.00</p>
			<p>Hardcover</p>
			<p class="availability">Out of stock</p>
		</div>
		<div class="rightcol">
			<h1 class="fn">Gordon Ramsay's Fast Food Recipes from the F Word</h1>
			<p>By Ramsay, Gordon</p>
			<dl class="identifier">
				<dt>ISBN:</dt>
				<dd>1554700647</dd>
			</dl>
			<dl>
				<dt>Contributors:</dt>
				<dd>Sargeant, Mark (Contributor); Quah, Emily (Contributor); Mead, Jill (Photographer)</dd>
				<dt>Publisher:</dt>
				<dd>Amer Youth Hostels</dd>
				<dt>Published:</dt>
				<dd>2008</dd>
				<dt>Pages:</dt>
				<dd>255</dd>
				<dt>Weight:</dt>
				<dd>2.70lbs.</dd>
				<dt>Height:</dt>
				<dd>10.25"</dd>
				<dt>Width:</dt>
				<dd>8.00"</dd>
				<dt>Depth:</dt>
				<dd>1.50"</dd>
				<dt>Language:</dt>
				<dd>English  </dd>
			</dl>
			<h4>Publishers Comments</h4>
			<p class="description">A celebrity host of Hell's Kitchen features more than one hundred accessible recipes that are organized in accordance with everyday needs and special occasions, in a volume that places an emphasis on fast preparation and features complementary tips on stocking a pantry.</p>
		</div>
	</div>
</div>

Download example markup (HTML)