How Li Stuff works

<!-- This is bad and broken code -->
</ul>
<li> Some list item </ul>
</li> some other list item </li>
<div ="i-break-it-all">
<li>bullshit li </li>
<li> yep broke </li>
<ul>
</div>

<!-- This is what it should look like -->
<ul>
<li> Li 1</li>
<li> Li 2</li>
<li> Li 3</li>
<li> Li 4</li>
</ul>
<div id="some-div">
<ul>
<li> Li 1</li>
<li> Li 2</li>
<li> Li 3</li>
<li> Li 4</li>
</ul>
</div>