Untitled

How to increase row of a repeater as text increases?

<HeaderTemplate>

 

     <div class="HeaderStyle">

    <div class="HeaderStyle5">Edit</div>

      <div class="HeaderStyle5">Delete</div>

 

 

 

      <div class="HeaderStyle1">Image</div>

     <div class="HeaderStyle2">ImageDescription</div>

     </div>

     <ul id="defaultList">

    </HeaderTemplate>

    <ItemTemplate>

        <li id='item_<%# Container.ItemIndex + 1 %>' originalId='<%# DataBinder.Eval(Container.DataItem, "ImageId") %>' class="itemStyle">

        <div class="itemStyle">

         <div class="itemStyle4"> <asp:HyperLink ID="LinkButton2" runat="server" Text="Edit" NavigateUrl='<%#Request.Url.AbsoluteUri+"&ImageId="+ DataBinder.Eval(Container.DataItem, "ImageId") %>'></asp:HyperLink>  </div>

        <div class="itemStyle5">

        <asp:LinkButton ID="lnkDelete" runat="server"  

       CommandName='<%# DataBinder.Eval(Container.DataItem, "ImageId") %>' CommandArgument='<%# DataBinder.Eval(Container.DataItem, "SortId") %>' OnClientClick="return confirm('Are you sure , you want to delete..?');" OnCommand="Calling_Delete" >Delete</asp:LinkButton>  </div>

        <div class="itemStyle1"><asp:Image ID="Image1" runat="server" ImageUrl='<%# DataBinder.Eval(Container.DataItem, "ImageUrl") %> ' Height="50px" Width="50px" />  </div>

 

        <div><%# DataBinder.Eval(Container.DataItem, "ImageDesc") %> </div>

 

 

        </div>

        </li>

    </ItemTemplate>

    <FooterTemplate>

        </ul>

    </FooterTemplate>

       

myRepeater.Attributes["Style"] = "OVERFLOW-Y:auto;";