Расширение emmet не выровнено / с отступом, как я ожидал

Question

Если я расширю это:

#main>#nav>ul>li>{My Web Host}

Я получаю это:

<div id="main">
    <div id="nav">
        <ul>
            <li>My Web Host</li>
        </ul>
    </div>
</div>

и это хорошо.

Если я расширю это:

#main>#nav>ul>li>{My Web Host}>ul>li>

Я получаю это:

<div id="main">
    <div id="nav">
        <ul>
            <li>My Web Host
                <ul>
                    <li></li>
                </ul></li>
        </ul>
    </div>
</div>

Хотя закрывающий тег первого li находится после последнего ul, я надеялся, что он будет на следующей строке, выровненной под открывающим тегом.

Answer 1

Эта аббревиатура неверна в {My Web Host}>ul: вы пытаетесь поместить элемент блока (ul) внутри неявного встроенного элемента ({My Web Host}). В этом случае вы должны разместить ul после текстового узла, например, использовать + оператор.

Правильное сокращение#main>#nav>ul>li>{My Web Host}+ul>li