ÿþ<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>CSS category page</title> <style type="text/css" media="screen"> .prodContainer { width: 560px; } .prodBox { width: 180px; float: left; } .smallHero { text-align: center; } .smallDetail { } .buyButton { width: 89px; height: 23px; float: left; text-align: center; padding-top: 4px; } .prodInfo { float: right; font-family: Arial, Verdana, Helvetica; font-size: 11px; width: 89px; padding-top: 2px; } </style> </head> <body> <h1>Body Content here</h1> <div class="prodContainer"> <div class="prodBox"> <div class="smallHero"> <img src="prod.jpg" alt="" /> </div> <div class="smallDetail"> <span class="buyButton"> <img src="buy.gif" alt="" /> </span> <span class="prodInfo"> $55.00 - [TF76-1]<br />Fresh Fall Magic </span> </div> </div> <div class="prodBox"> <div class="smallHero"> <img src="prod.jpg" alt="" /> </div> <div class="smallDetail"> <span class="buyButton"> <img src="buy.gif" alt="" /> </span> <span class="prodInfo"> $55.00 - [TF76-1]<br />Fresh Fall Magic </span> </div> </div> <div class="prodBox"> <div class="smallHero"> <img src="prod.jpg" alt="" /> </div> <div class="smallDetail"> <span class="buyButton"> <img src="buy.gif" alt="" /> </span> <span class="prodInfo"> $55.00 - [TF76-1]<br />Fresh Fall Magic </span> </div> </div> <div class="prodBox"> <div class="smallHero"> <img src="prod.jpg" alt="" /> </div> <div class="smallDetail"> <span class="buyButton"> <img src="buy.gif" alt="" /> </span> <span class="prodInfo"> $55.00 - [TF76-1]<br />Fresh Fall Magic </span> </div> </div> <div class="prodBox"> <div class="smallHero"> <img src="prod.jpg" alt="" /> </div> <div class="smallDetail"> <span class="buyButton"> <img src="buy.gif" alt="" /> </span> <span class="prodInfo"> $55.00 - [TF76-1]<br />Fresh Fall Magic </span> </div> </div> <div class="prodBox"> <div class="smallHero"> <img src="prod.jpg" alt="" /> </div> <div class="smallDetail"> <span class="buyButton"> <img src="buy.gif" alt="" /> </span> <span class="prodInfo"> $55.00 - [TF76-1]<br />Fresh Fall Magic </span> </div> </div> </div> </body> </html>