Index.html

<!-- > -->
<div>
    <ul>
        <li></li>
    </ul>
</div>
<!-- > -->

<div>
    <ul></ul>
    <il></il>
</div>

<!-- > -->
<ul>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
</ul>

<!-- > -->
<div>
    <ul>
        <li></li>
    </ul>
    <ol></ol>
</div>

<!-- > -->
<div>
    <header>
        <ul>
            <li><a href=""></a></li>
            <li><a href=""></a></li>
        </ul>
    </header>
    <footer>
        <p></p>
    </footer>
</div>

<!-- > -->
<p>heelo</p>

<!-- {$} -->
<p class="class1">item 1</p>
<p class="class2">item 2</p>
<p class="class3">item 3</p>
<p class="class4">item 4</p>
<p class="class5">item 5</p>

<!-- > -->
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quam, sunt distinctio minus maiores numquam ad voluptates quidem in facilis officia! Iure quibusdam, sint quis aliquid praesentium quae impedit fugiat eligendi.</p>
<p>Lorem ipsum dolor sit.</p>

<!-- > -->
<section>
    <div>
        <li>
            <li></li>
        </li>
    </div>
</section>