私のウェブサイトでは、特定のリンクタイプにフォントアイコンを使用しています。これらのアイコンは、:before
CSS構文を介して追加されます。
a.some-link:before {
font-family: icons;
display: inline-block;
padding-right: 0.3em;
content: 'x';
}
ただし、このリンクが行の先頭にある場合、アイコンから分離されることがあります。
上記のCSSルールに追加しようとしwhite-space: nowrap
ましたが、役に立ちませんでした。
アイコンとテキストを一緒に保つにはどうすればよいですか?(CSS 3は大丈夫です)
注:リンク全体を。でフォーマットしたくありませんwhite-space: nowrap
。