this is the fixed version of the problem .
the problem that i had before is when i put
<a href="https://facebook.com">Friend us on <span>Facebook!</span></a>
and then went to CSS to do this
it didnt do anything .i expected that it would do at least something to the span text
but not until i removed "text-decoration:none; and put it in to the "a" tag in css did it work
can someone tell me why i encountered similar problems before but i have never understood why its like that