将文本嵌套在标签内

Question

如果给定'Featured'，文本和其他a是兄弟姐妹，我如何将span文字嵌套在span标记内？

li
  a href="#" class="selected"
    span class="icon-before"
    Featured
    span class="icon-after"

Answer 1

li
  a href="#" class="selected"
    span class="icon-before"
    | Featured
    span class="icon-after"

给出：

<li><a class="selected" href="#"><span class="icon-before"></span>Featured<span class="icon-after"></span></a></li>

Answer 2

ul
  li
    | first text
    span.color-red.bold-g
     | (text transform)

给：

<ul><li>first text<span class="color-red bold-g">(text transform)</span></li>