【html,haml】spanタブの下線を消したい

以下のようにlink_toで文字と画像を含めてボタンを作成している。
実際の画像を見ると「出品する」に下線が引かれているので消したい

.Exhibition-Btn
    - if user_signed_in? && current_user
      =link_to new_item_path do
        %span.Exhibition-Btn__text 出品する
        = image_tag "icon_camera.png", class: "Exhibition-Btn__icon"
    - else 
      =link_to user_session_path do
        %span.Exhibition-Btn__text 出品する
        = image_tag "icon_camera.png", class: "Exhibition-Btn__icon"

span.Exhibition-Btn__text{
      text-decoration: none;
     }

実際に文字を表示させているspanタブにtext-decoration:none;を 当ててみても消えない。どうしたものか。

■調査してわかった結論 inline-block にすると線は引かれませんでした。

span.Exhibition-Btn__text{
      display: inline-block;
     }

■理由
spanタブはinline要素だからです。(ちなみにdivタブはブロック要素です) aタブもそうですが、inline要素にリンクをつけると下線が引かれるという
理解をしました。

以上です。忘れないように覚えておきます。