CSSで単語や一文を改行させない方法

CSSの「span」を利用しタグボタンを横に並べて作成していたら、横に伸びで2段になる際にボタンの途中で改行されてしまったので、そうならないようにするためのメモ。

CSS

改行させたくない単語、一文を「span」などの要素で囲み、その要素に対して

white-space: nowrap;

をつける。

以上で要素で囲まれた単語、一文の途中で改行されることはなく、改行が必要な場合は単語、一文とも下の段に改行される。

おわりに

新しいWordpressテーマの作成中で出た問題です。ひとつひとつこなしながら早くオリジナルのテーマを作りたいと思います。