featured products

I can style the featured products section on the home page but there must be a better way.
I want the 3 items displayed across the screen with text on the right on each image and the 3 items not centerd but taking up the whole row.

I want the featured items to look like this featured items on this page.
http://www.cabinethardwarecloseout.com/Default.aspx

This works but is there a better way?


.myhpitem-box
{
    padding-right :100px;
    margin:0 100 0 100;
   vertical-align: text-top;
  border:1px solid black;
position:relative ;
left:-200px;

  
}
.myhpitem-box-td
{
width :250px;
  padding-right :50px;
}

.myhpitem-box-text{
      
  text-align:right ;

  
}

<asp:DataList ID="dlCatalog" runat="server" RepeatColumns="3" RepeatDirection="Horizontal" CssClass="myhpitem-box"
        RepeatLayout="Table" OnItemDataBound="dlCatalog_ItemDataBound"  EnableViewState="false"  
        SeparatorStyle-HorizontalAlign ="left"  >
        <ItemTemplate>
          <td class="myhpitem-box-td">
          
              
                   <asp:HyperLink ID="hlImageLink" runat="server" />
              </td>
                <td class="myhpitem-box-td">
                    <asp:HyperLink   CssClass="myhpitem-box-text" ID="hlProduct" runat="server" />
                
           </td>
        </ItemTemplate>
    </asp:DataList>