kbd 要素に何も指定しないと、以下のように途中で改行されてしまうことがあります。
before
これを避けるために、kbd 要素に対して “white-space: nowrap” を指定して改行を禁止しておきましょう。
kbd {
white-space: nowrap;
}
white-space
プロパティに nowrap
をセットすることで、「空白を折りたたむが、テキスト内の改行を抑制する」ことができます。詳細は「参考」にあげたリンク先をご覧ください。こうすれば、kbd 要素内で改行されなくなります。
after
参考