How do you break-line with a horizontal list?

[phoenix_dwarf]

Hi,

I'm trying to use a repeater with an unordered list to display some data. It does work but I want to display only 4 columns on a row and then if there are more to show it should automatically move to the next row. Here is my code snippet for the repeater etc:

<table style="text-align:center; table-layout:fixed; width:728" id="ReptTbl1">
    <tr>
    
        <asp:Repeater ID="rptImages" runat="server"  >
        <ItemTemplate>
                
        <style type="text/css">
                       
            ul#navlist2
            {
                white-space:nowrap;
            }
            
            ul#navlist2 li
            {
                list-style-type: none;
                float : left;
                padding : 0 2px 0 0;
                
            }
        </style>
        
            <%--<td style="padding: 0px 0px 0px 0px; width:182"> <%--Creates columns for displaying repeater info--%>
            <td style="table-layout:fixed">
            <ul id="navlist2">
            <li>
                <asp:Image ID="Image1" runat="server"  ImageUrl='<%# DataBinder.Eval(Container.DataItem,"Foto") %>' Width="126px" Height="95px" /><br style="padding: 0px 0px 20px 0px"/>
            
                <asp:TextBox ID="txb1" runat="server" Text='<%# DataBinder.Eval(Container.DataItem,"Beschrijving") %>'></asp:TextBox><br />
                
                <asp:ImageButton ID="but1" runat="server" AlternateText="Verwijder" ImageUrl="~/Images/Delete-icon11.png" ToolTip="Verwijder" onclick="butRemove_Click" CommandArgument='<%# DataBinder.Eval(Container.DataItem,"GUID") %>' />
                <asp:ImageButton ID="but2" runat="server" AlternateText="Move Up" ImageUrl="~/Images/left-icon.png" ToolTip="Up" onclick="butUp_Click" CommandArgument='<%# DataBinder.Eval(Container.DataItem,"GUID") %>' />            
                <asp:ImageButton ID="but3" runat="server" AlternateText="Move Down" ImageUrl="~/Images/right-icon.png" ToolTip="Down" onclick="butDown_Click" CommandArgument='<%# DataBinder.Eval(Container.DataItem,"GUID") %>' />
                <asp:ImageButton ID="but4" runat="server" AlternateText="Opslaan Beschrijving" ImageUrl="~/Images/label-icon.png" ToolTip="Opslaan Beschrijving" onclick="butSaveText_Click" CommandArgument='<%# DataBinder.Eval(Container.DataItem,"GUID") %>' />      
                </li>
                </ul>
                </td>
        </ItemTemplate>
        </asp:Repeater>
    </tr>
    </table>

I hope this is the right forum cause I'm using CSS (but also ASP.NET)