質問編集履歴

3

コード追加

2020/03/29 06:24

投稿

is02
is02

スコア17

test CHANGED
File without changes
test CHANGED
@@ -58,6 +58,18 @@
58
58
 
59
59
  }
60
60
 
61
+ .facebook,
62
+
63
+ .twitter,
64
+
65
+ .instagram {
66
+
67
+ color: #555;
68
+
69
+ font-size: 5.4vw;
70
+
71
+ }
72
+
61
73
  ```
62
74
 
63
75
 

2

コード追加

2020/03/29 06:24

投稿

is02
is02

スコア17

test CHANGED
File without changes
test CHANGED
@@ -54,6 +54,8 @@
54
54
 
55
55
  display: flex;
56
56
 
57
+  list-style: none;
58
+
57
59
  }
58
60
 
59
61
  ```

1

ソースコードの追加

2020/03/29 06:23

投稿

is02
is02

スコア17

test CHANGED
File without changes
test CHANGED
@@ -1,12 +1,14 @@
1
1
  ### 前提・実現したいこと
2
+
3
+ ul要素がli要素分取ってほしい
4
+
5
+
6
+
7
+ ### 発生している問題・エラーメッセージ
2
8
 
3
9
 
4
10
 
5
11
  ![li要素分だけul要素を取りたい](9cff6b29c7ecae191089f168adf03846.png)
6
-
7
-
8
-
9
- ### 発生している問題・エラーメッセージ
10
12
 
11
13
 
12
14
 
@@ -18,9 +20,43 @@
18
20
 
19
21
 
20
22
 
21
- ul要素に
23
+ ```HTML
22
24
 
25
+ <ul>
26
+
27
+ <li>
28
+
29
+ <i class="fab fa-facebook-square facebook"></i>
30
+
31
+ </li>
32
+
33
+ <li>
34
+
35
+ <i class="fab fa-twitter-square twitter"></i>
36
+
37
+ </li>
38
+
39
+ <li>
40
+
41
+ <i class="fab fa-instagram-square instagram"></i>
42
+
43
+ </li>
44
+
45
+ </ul>
46
+
47
+ ```
48
+
49
+
50
+
51
+ ```CSS
52
+
53
+ ul {
54
+
23
- display: flex;のみ設定しています。
55
+ display: flex;
56
+
57
+ }
58
+
59
+ ```
24
60
 
25
61
 
26
62