nested <div> and <li>

[soianyc]

Ive been making my site xhtml-strict compliant and all checks out. I have a question though about nesting div's and li's

In other words will it be xhtml strict if i do this

<div>
<ul>
<li>Item One</li>
<li>Item Two</li>
    <div>
    <ul>
    <li>Sub Item of Two</li>
    <li>Sub Item of Two</li>
    </ul>
    </div>
<li>Item Three</li>
</ul>
</div>

[Basscyst]

I think that's just fine, but to be sure, you can always run it through a validator.

Basscyst

[rmedek]

If it needs to be a sub item you're better off doing this:

<div>
   <ul>
      <li>Item One</li>
      <li>Item Two
         <ul>
            <li>Sub Item of Two</li>
            <li>Sub Item of Two</li>
         </ul>
      </li>
      <li>Item Three</li>
   </ul>
</div>

[JamieR]

Originally Posted by Basscyst

I think that's just fine, but to be sure, you can always run it through a validator.

Basscyst

Nope that code would have produced an error - www.jamierees.co.uk/correct.php

[dannyhayes]

Jamie what good did that do!

[gsnedders]

Originally Posted by dannyhayes

Jamie what good did that do!

Prove that it fails validation.

Only one element can be the direct descendent of <ul>/<ol> - <li>.

[Basscyst]

I stand corrected. I didn't test it, my main point was that simply validating the page will resolve any doubt.

Basscyst

[soianyc]

It did fail for me also. I guess ill have to do it the right way. no sense in having one page not validate if all the rest do. thanks for your replies