태그 안에 텍스트를 슬림으로 넣기

Question

span 텍스트와 다른 span이 형제 인 경우 a 태그 안에 'Featured' 텍스트를 중첩시키는 방법은 무엇입니까?

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>