回答編集履歴

3

誤字を修正

2020/07/26 03:25

投稿

Daregada
Daregada

スコア11990

test CHANGED
@@ -1,4 +1,4 @@
1
- ~~~会社名だけに`border-left`を設定。~~~
1
+ ~~会社名だけに`border-left`を設定。~~
2
2
 
3
3
  `dl`の`padding`を`dt`と`dd`に移して、`#company_1 dt`に`border-top`を指定。色は好きに変えて下さい。
4
4
 

2

説明を修正

2020/07/26 03:25

投稿

Daregada
Daregada

スコア11990

test CHANGED
@@ -1,12 +1,58 @@
1
- 会社名だけに`border-left`を設定。色は好きに変えて下さい。
1
+ ~~~会社名だけに`border-left`を設定。~~~
2
+
3
+ `dl`の`padding`を`dt`と`dd`に移して、`#company_1 dt`に`border-top`を指定。色は好きに変えて下さい。
2
4
 
3
5
 
4
6
 
5
7
  ```CSS
6
8
 
7
- #company_1 {
9
+ .c-box-inner dl {
8
10
 
11
+ width: 730px;
12
+
13
+ display: flex;
14
+
15
+
16
+
17
+ }
18
+
19
+ .c-box-inner dt {
20
+
21
+ width: 120px;
22
+
23
+ padding: 25px;
24
+
25
+ }
26
+
27
+
28
+
29
+ .c-box-inner dd {
30
+
31
+ padding: 25px;
32
+
33
+ }
34
+
35
+
36
+
37
+ .c-box-inner {
38
+
39
+ padding:100px 0 0 100px;
40
+
41
+ }
42
+
43
+
44
+
45
+ #company_1, #company_3 {
46
+
47
+ border-top: 1px solid rgb(219, 220, 221);
48
+
49
+ border-bottom: 1px solid rgb(219, 220, 221);
50
+
51
+ }
52
+
53
+ #company_1 dt {
54
+
9
- border-left: 1px solid red;
55
+ border-top: 1px solid red;
10
56
 
11
57
  }
12
58
 

1

補足を追加

2020/07/26 03:22

投稿

Daregada
Daregada

スコア11990

test CHANGED
@@ -1,8 +1,12 @@
1
+ 会社名だけに`border-left`を設定。色は好きに変えて下さい。
2
+
3
+
4
+
1
5
  ```CSS
2
6
 
3
7
  #company_1 {
4
8
 
5
- border-left: 1px solid red;
9
+ border-left: 1px solid red;
6
10
 
7
11
  }
8
12