How to auto nest tags in Sublime Text 3?

Question

Sublime Text

Guru sublima tell me how to me from this code:

<li class="top-menu__item"><a href="" class="top-menu__link">Style Demo</a></li>
<li class="top-menu__item"><a href="" class="top-menu__link">Full Width</a></li>
<li class="top-menu__item"><a href="" class="top-menu__link">Dropdown</a></li>
<li class="top-menu__item"><a href="" class="top-menu__link">Link Text</a></li>

Do this automatically:

<li class="top-menu__item">
    <a href="" class="top-menu__link">Style Demo</a>
</li>
<li class="top-menu__item">
    <a href="" class="top-menu__link">Full Width</a>
</li>
<li class="top-menu__item">
    <a href="" class="top-menu__link">Dropdown</a>
</li>
<li class="top-menu__item">
    <a href="" class="top-menu__link">Link Text</a>
</li>

I came across a video where this is done using the Prettify HTML-CSS-JS plugin, but it doesn’t specifically say how. Installed, tried all the settings, twisted, does not format nesting in the same way, only aligns the code.
Tell me, who worked with this plugin, how to do it or alternative solutions?

Answer 1

https://www.nobledesktop.com/blog/quickly-write-ne...