Untitled

<!-- Balance - outwards/inwards <c-y>d or <c-y>D -->
<div id="page">
    <section class="content">
        <h1>Doc example</h1>
            <p>Sit ex incidunt.</p>
    </section>
</div>

<!-- 1) Wrap abbreviation - works but no indents - <c-y>, -->
<div id="page">
    <p>'Hello world'</p>
</div>

<!-- 2) Manually indented -->
<div id="page">
    <div class="wrapper">
        <h1>title</h1>
            <div class="content">
            <p>'Hello world'</p>
        </div>
    </div>
</div>

<!-- Go to next/previous Edit Point - <c-y>n Or <c-y>N -->
<ul>
    <li><a href=""></a></li>
    <li><a href=""></a></li>
</ul>
<div>

</div>

<script>
    var str = '<ul><li><a></a></li></ul>';
</script>

<!-- Split/Join Tag - <c-y>j -->
<div class="foo">
    cursor is here
</div>

<!-- Remove Tag - <c-y>k -->
<body>
    <div class="wrapper">
        <h1>title</h1>
        <p>Lorem animi impedit quibusdam.</p>
        <p>Sit neque obcaecati saepe</p>
        <p>Dolor hic voluptatum cumque</p>
    </div>
</body>