Can I use a div inside a list item?

Question

Why is the following code valid when I use a <div> inside a <li> ?

 <ul> <li class="aschild"> <div class="nav">Test</div> </li> </ul> 

Answer 1

Yes, you can use the div inside li and it will check.

 <!ELEMENT li %Flow;> <!ENTITY % Flow "(#PCDATA | %block; | form | %inline; | %misc;)*"> <!ENTITY % block "p | %heading; | div | %lists; | %blocktext; | fieldset | table"> 

Answer 2

Inside <li> you can have everything you could put inside a <div> . In this sense, they are no different.

It must be correct in HTML4, XHTML and HTML5.

This is NOT valid (so the sources you found about "no divs in lists" may reference this situation):

 <ul> <li></li> <div></div> <li></li> </ul> 

So: Lists ( ul , ol ) can only have li as their children. But li may have something like her children.

Answer 3

Because <li> is a block element, not an inline element of type <span> or <a> .

Answer 4

An <li> is a block element and will work perfectly with other block elements inside.

Answer 5

Yes, you can. How many you want.