Nidificazione un testo all'interno di un tag in sottile

Question

Come faccio a nido il testo 'Featured' all'interno del tag a, data la span, il testo e l'altro span sono fratelli?

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" 

Dà:

<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) 

Dare:

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