html - テキストを大文字に変換するとレイアウトに干渉する

Question

でスタイルを設定しようとしているリンクがありtext-transform: uppercaseます。

このスタイルを適用すると、リンクの半分 (2 番目の単語) が次の行に分割されます。

テキスト変換が要素に与える影響 (大文字小文字以外) は? さまざまなブラウザで「計算されたスタイル」を確認しましたが、他に何も変わっていないようです。