質問編集履歴

2

追記を行いました

2018/06/23 16:00

投稿

KSK8000
KSK8000

スコア17

test CHANGED
File without changes
test CHANGED
@@ -40,7 +40,7 @@
40
40
 
41
41
  <p><a href="#" class="btn-green" style="vertical-align:middle;">
42
42
 
43
- <i class="phone">電話する</i></a></p>
43
+ <i class="fa fa-phone">電話する</i></a></p>
44
44
 
45
45
  </article>
46
46
 
@@ -59,3 +59,23 @@
59
59
 
60
60
 
61
61
  <i>タグを使ってボタンを作るのは不得手なので、美味いやり方をご存知の方がいれば教えてもらえればと思います。
62
+
63
+
64
+
65
+ ### 追記
66
+
67
+ 申し訳ございません。
68
+
69
+ 最初に掲載したソースに間違いがございました。
70
+
71
+
72
+
73
+ ご指摘の通り、ソースを変更したらアイコンは表示されました。
74
+
75
+ しかし、サンプル画像のようなボタンを作ろうとすると、アイコンが表示されなくなってしまいます。
76
+
77
+ アイコンが表示されるボタンにしたいのですが、どのようにすればよいでしょうか?
78
+
79
+
80
+
81
+ 私のミスで不要な時間を取らせてしまい、申し訳ございません。

1

サンプル画像を掲載しました

2018/06/23 16:00

投稿

KSK8000
KSK8000

スコア17

test CHANGED
File without changes
test CHANGED
@@ -3,6 +3,12 @@
3
3
 
4
4
 
5
5
  <i>タグで使用するアイコンを<article>要素などで作ったボタンの中に表示したい。
6
+
7
+
8
+
9
+ 画像はサンプルですが、以下のようなボタンを作りたいと考えております。
10
+
11
+ ![イメージ説明](f6bc780d71e506fdb03071b963f37a1b.png)
6
12
 
7
13
 
8
14