する質問をすることでしか得られない、回答やアドバイスがある。15前提・実現したいこと<i>タグで使用するアイコンを<article>要素などで作ったボタンの中に表示したい。画像はサンプルですが、以下のようなボタンを作りたいと考えております。発生している問題・エラーメッセージアイコンを表示させようとしたところ、表示されないもしくは小さくて見えないなどの問題が発生しております。fa-phone">電話する</i></a></p></article>試したこと現在は元の画面より単純化しておりますが、CSS読み込みの位置を調整したり、<a>タグの内部の位置を調整するなどしましたが、アイコンは表示されておりません。<i>タグを使ってボタンを作るのは不得手なので、美味いやり方をご存知の方がいれば教えてもらえればと思います。最初に掲載したソースに間違いがございました。ご指摘の通り、ソースを変更したらアイコンは表示されました。サンプル画像のようなボタンを作ろうとすると、アイコンが表示されなくなってしまいます。アイコンが表示されるボタンにしたいのですが、どのようにすればよいでしょうか?私のミスで不要な時間を取らせてしまい、申し訳ございません。attachmentクリップ0気になる質問をクリップするクリップした質問は、後からいつでもマイページで確認できます。クリップした質問に回答があった際、通知やメールを受け取ることができます。自分も答えを知りたい質問者以外のユーザにも役立つ評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。質問の評価を上げたことを取り消します低評価-評価を下げられる数の上限に達しました評価を下げることができません1日5回まで評価を下げられます1日に1ユーザに対して2回まで評価を下げられます質問の評価を下げるteratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。コメントをしてください。送信する質問の評価を下げる機能の利用条件この機能を利用するためには、以下の事項を行う必要があります。23:53どのように表示するのが意図した形なのでしょう。画像などで説明が必要だと思いますよ。どのように表示するのが意図した形なのでしょう。画像などで説明が必要だと思いますよ。01:30ボタンの状態にした時に表示出来なくなってしまう原因はcssを拝見できていないので一概にお答えできません。cssの記載をお願いします。ボタンの状態にした時に表示出来なくなってしまう原因はcssを拝見できていないので一概にお答えできません。cssの記載をお願いします。件sort評価が高い順sort新着順sort古い順link+2初めまして、こんばんは。font-awesomeのアイコンを表示させ、アイコン右側に文字列を表示させたい、という認識であっていますでしょうか?違っていましたら申し訳ありません。fa-phoneのように使いたいアイコンに従ったクラス名をつけるのですが、そちらの確認はされていますでしょうか。iタグでfont-awesomeを表示する場合、中身を空にして使います。ご参考になれば幸いです。評価が高い回答ほどページの上位に表示されます。remove低評価0回答の評価を下げる下記のような回答は推奨されていません。評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。評価が高い回答ほどページの上位に表示されます。remove低評価0回答の評価を下げる下記のような回答は推奨されていません。評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。【rails】fontawesomeが表示されない解決済SNSリンクアイコンをフッターに入れたいのですが、上手くアイコン表示出来ず困っています。解決済font-awesomeをcssで表示できない。解決済inputタグとaタグのボタン内テキストを中央揃えにしたい。1擬似要素のafterが表示されません。頂いたご意見への回答は行っておりません。