I want to use the li tag in a div, but this is not recommended, is there any other way?

Question

<div class="Port"> <li class="FieldList"><asp:Label CssClass="label" ID="Label4" runat="server"></asp:Label></li> <li class="FieldList"><asp:Label CssClass="label" ID="Label19" runat="server"></asp:Label></li> <li class="FieldList"><asp:Label CssClass="label" ID="Label20" runat="server"></asp:Label></li> </div> 

but using li inside a div shows warninginig-- Validation (XHTML 1.0 Transitional): The element 'li' cannot be nested in the element 'div'. please give any suggestion

Answer 1

How to wrap li in ul

 <div class="Port"> <ul> <li class="FieldList"><asp:Label CssClass="label" ID="Label4" runat="server"></asp:Label></li> <li class="FieldList"><asp:Label CssClass="label" ID="Label19" runat="server"></asp:Label></li> <li class="FieldList"><asp:Label CssClass="label" ID="Label20" runat="server"></asp:Label></li> </ul> </div> 

that way li is still nested in a div, but now valid