文字とボタンを縦中央を揃えて横に並べたい（Bootstrap）

Question

文字とボタンを横に並べたいです。

下記コード、「テキスト」をh5の縦中央に配置しようとしてvertical-alignなど試したのですが、上手くいきません。
文字とボタンを綺麗に横並びにする良い方法を教えて頂けますと幸いです。

※追記
cssはbootstrap.css（bootstrap v3.3.7）のみ当たっています。

<h5>
     <span class="text col-xs-9">
　　　　　　　　　<a href="#">テキスト</a>
     </span>
     <span class="button">
　　　　　　　　　<a class="btn btn-danger btn-xs">削除</a>
     </span>
</h5>

Comments

[退会済みユーザー]

CSSもご提示ください。

[shukonda]

cssはbootstrap.cssだけで、別で作ったものはありません！

[退会済みユーザー]

Bootstrapのバージョンは幾つですか？質問の本文に追記してください。

[shukonda]

追記しました！

Answer 1

提示のソースコードとBootstrap v3.3.7で試してみましたが問題が再現しません。

動作テスト
https://jsfiddle.net/sLxrL7rb/

普通に横並びになっているようですが、どうでしょうか？
（ソースコードに全角スペースが入っていたので削除しました）

質問者さんの環境で発生している問題をスクリーンショットなどでご提示いただけますか？

---

【追記】
.textにvertical-align: middle;を適用してみてください。

.text {
  vertical-align: middle;
}

動作サンプル
https://jsfiddle.net/sLxrL7rb/2/

Comments

[shukonda]

ありがとうございます。すみません質問が悪かったです。横並びにはなっているのですがボタンの中のテキストと高さが合わないところが直したいポイントです。頂いたURLに注釈を加えたスクリーンショットを追記します。

[退会済みユーザー]

回答に追記しました。

[shukonda]

ありがとうございます。すみません上のコードに書いていなかった（追記済み）bootstrap.cssのbodyについているline-height: 1.42857143;が原因でした。そのコメントアウトに加え、vertical-align: middle;でうまくいきました。ありがとうございます。