質問編集履歴
1
コードに```を追加しました。
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -11,6 +11,8 @@
|
|
|
11
11
|
|
|
12
12
|
|
|
13
13
|
＜追加したCSS＞
|
|
14
|
+
|
|
15
|
+
```
|
|
14
16
|
|
|
15
17
|
.article h2 {
|
|
16
18
|
|
|
@@ -50,7 +52,7 @@
|
|
|
50
52
|
|
|
51
53
|
}
|
|
52
54
|
|
|
53
|
-
|
|
55
|
+
```
|
|
54
56
|
|
|
55
57
|
すると、h2見出しは想定通りに表示されるのですが、アイコンだけがヘッダーの左上や、タグの左側に表示されてしまいます。
|
|
56
58
|
|
|
@@ -70,24 +72,26 @@
|
|
|
70
72
|
|
|
71
73
|
＜ディベロッパーツールでアイコンにカーソルを当てた時にでる表示＞
|
|
72
74
|
|
|
75
|
+
```
|
|
76
|
+
|
|
73
77
|
h2:before {
|
|
74
78
|
|
|
75
|
-
|
|
79
|
+
font-family: FontAwesome;
|
|
76
80
|
|
|
77
|
-
|
|
81
|
+
content: "\f138";
|
|
78
82
|
|
|
79
|
-
|
|
83
|
+
position: absolute;
|
|
80
84
|
|
|
81
|
-
|
|
85
|
+
font-size: 1em;
|
|
82
86
|
|
|
83
|
-
|
|
87
|
+
left: 0.25em;
|
|
84
88
|
|
|
85
|
-
|
|
89
|
+
top: 0.5em;
|
|
86
90
|
|
|
87
|
-
|
|
91
|
+
color: #ff6a6a;
|
|
88
92
|
|
|
89
93
|
}
|
|
90
94
|
|
|
91
|
-
|
|
95
|
+
```
|
|
92
96
|
|
|
93
97
|
原因はなんのでしょうか？ご教授お願い致します。
|