質問編集履歴

1

試みたコードを記載しました。

2021/01/20 14:40

投稿

koukouhira
koukouhira

スコア1

test CHANGED
File without changes
test CHANGED
@@ -1,4 +1,4 @@
1
- ![イメージ説明](85c0ea86871d9cf6c813a3db5c3776a8.jpeg)### 前提・実現したいこと
1
+ ![イメージ説明](85c0ea86871d9cf6c813a3db5c3776a8.jpeg)
2
2
 
3
3
 
4
4
 
@@ -17,3 +17,61 @@
17
17
 
18
18
 
19
19
  よろしくお願いいたします。。
20
+
21
+
22
+
23
+ 【追記】申し訳ありません。試みたコードが未掲載でした。
24
+
25
+
26
+
27
+ <div class="oya">
28
+
29
+ <div class="ko1">
30
+
31
+ <p>テキストテキスト</p>
32
+
33
+ </div>
34
+
35
+ <div class="ko2">
36
+
37
+ <p>テキストテキスト</p>
38
+
39
+ </div>
40
+
41
+ </div>
42
+
43
+
44
+
45
+ .oya {
46
+
47
+ max-width: 960px;
48
+
49
+ margin: 0 auto;
50
+
51
+ height: 500px;
52
+
53
+ }
54
+
55
+
56
+
57
+ .oya .ko1 {
58
+
59
+ background: #26a69a;
60
+
61
+ margin: 0 calc(50% - 50vw);
62
+
63
+ padding: 1px calc(50vw - 50% );
64
+
65
+ width: 40%;
66
+
67
+ padding-right: 0px;
68
+
69
+ }
70
+
71
+
72
+
73
+ 左寄せはなんとかできそうなのですが、右寄せの方法が分かりません。
74
+
75
+
76
+
77
+ よろしくお願いいたします。