Mettere linea sotto la S

[Ht28]

Ho raggruppato così per i 3 bottoni di formattazione B, C, S, vorrei sapere se è possibile mettere un text-decoration: underline; solo alla S

#bottoneG a:link,
#bottoneC a:link,
#bottoneS a:link {
float: left;
width: 22px;
height: 22px;
line-height: 22px; /*Allinea verticalmente il testo */
margin-right: 4px;
font-family: "times new roman";
font-size: 17px; color: #333333;
font-weight: bold; /*Grossetto*/
text-decoration: none;
display: block;
text-align: center;
}

 <div id="bottoneG">
      [url="javascript:insert_tag('G');"]G[/url]
      </div>
      <div id="bottoneC"> 
      [url="javascript:insert_tag('C');"]C[/url]    
      </div>
      <div id="bottoneS"> 
      [url="javascript:insert_tag('S');"]S[/url]
      </div> 

[Ht28]

RISOLTO

<div id="bottoneG">
<span style="font-weight: bold;">G</span>
</div>
<div id="bottoneC">
<span style="font-style: italic;">C</span>
</div>
<div id="bottoneS">
<span style="text-decoration: underline;">S</span>
</div>