What is the difference ?

Question

Between
<ul>
<li> <p> <sub> One <sub> </p> </li>
</ul>

And

<ul>
<li> <sub> One <sub> </li>
</ul>

It gives the same outcome, I can't see the difference.

Answer 1

The <sub> are encapsulated within a paragraph tag

so if you wanted to reference all the paragraphs but not all the unordered lists you could something like

document.getElementByTag("p")

You could also customize CSS for the <p> tags

p{
font-size: 10px;
}